Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS Transform not working in IE 8

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.

like image 766
L84 Avatar asked Oct 03 '12 04:10

L84


1 Answers

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

like image 190
jimp Avatar answered Sep 22 '22 04:09

jimp