CSS-Transformation funktioniert nicht im IE 8

Question

Ich versuche, ein Div zu drehen oder zu transformieren, indem ich die CSS Transform-Eigenschaft verwende. Hier ist meine Transformation 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); 

Der obige Code funktioniert gut in allen, aber IE 8. Ich brauche einen Weg zu finden, zu unterstützen IE 8.

Wie kann ich einen Rückfall für IE8 schaffen?

Hinweis: Ich verwende jQuery (1.8.2), HTML 5 Doctype und moderniszr, wenn dies einen Unterschied in der Antwort macht, die Sie zur Verfügung stellen. Ich bevorzuge eine CSS-Lösung, bin aber bereit, eine Javascript/jQuery-Lösung zu verwenden.

Here is a fiddle with the HTML and CSS.

Answer 1

Wenn Sie Ihren "Filter" sehen Rotation bis 3, wird es eine 270-Grad-Drehung in IE 8 (und nach unten zu v5.5, IIRC) geben.

http://msdn.microsoft.com/en-us/library/ms532918(v=vs.85).aspx