I am attempting to rotate or transform a div using the CSS Transform property. Here is my transform CSS Code:
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transform: rotate(270deg);
The above code works great in all but IE 8. I need to find a way to support IE 8.
How can I create a fallback for IE8?
Note: I am using jQuery (1.8.2), HTML 5 Doctype and modernizr if that makes a difference in the answer you provide. I prefer a CSS only solution but willing to use a javascript/jQuery solution.
Here is a fiddle with the HTML and CSS.
If you see your "filter:" rotation to 3, it will give a 270 degree rotation in IE 8 (and downward to v5.5, IIRC).
http://msdn.microsoft.com/en-us/library/ms532918(v=vs.85).aspx
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With