2012-10-03 14 views
5

Sto tentando di ruotare o trasformare un div utilizzando la proprietà CSS Transform. Qui è la mia di trasformare il codice CSS:La trasformazione CSS non funziona in IE 8

-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); 

Il codice di cui sopra grandi opere in tutto tranne IE 8. Ho bisogno di trovare un modo per sostenere IE 8.

Come si crea un ripiego per IE8?

Nota: sto usando jQuery (1.8.2), HTML 5 Doctype e modernizr se questo fa la differenza nella risposta che fornisci. Preferisco una soluzione solo CSS ma sono disposto ad usare una soluzione javascript/jQuery.

Here is a fiddle with the HTML and CSS.

risposta

5

Se vedi il tuo "Filtro:" rotazione a 3, che darà una rotazione di 270 gradi in IE 8 (e verso il basso per v5.5, IIRC).

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

+1

Grazie, Se uso che scombina IE9, vai a capire. Utilizzerò i fogli di stile condizionali IE per IE8 e versioni precedenti e IE9 e versioni successive. – L84

+0

Pensavo che potesse succedere, ma non ne ero sicuro. I commenti condizionali funzioneranno sicuramente attorno ad esso. – jimp