2012-10-03 34 views
5

Estoy intentando rotar o transformar un div usando la propiedad CSS Transform. Aquí está mi transformar Código CSS:CSS Transform no funciona en 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); 

El código anterior funciona muy bien en todo menos en IE 8. Tengo que encontrar una manera de apoyar IE 8.

¿Cómo puedo crear una reserva para IE8?

Nota: Estoy utilizando jQuery (1.8.2), HTML 5 Doctype y modernizr si eso hace una diferencia en la respuesta que proporciona. Prefiero una solución solo CSS pero estoy dispuesto a usar una solución javascript/jQuery.

Here is a fiddle with the HTML and CSS.

Respuesta

5

Si ve que su "filtro:" giro a 3, se dará un giro de 270 grados en el IE 8 (y hacia abajo a v5.5, IIRC).

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

+1

Gracias, Si uso que meta la pata de IE9, imagínate. Utilizaré IE Conditional Stylesheets para IE8 y abajo e IE9 y superior. – L84

+0

Pensé que podría suceder, pero no estaba seguro. Los comentarios condicionales definitivamente funcionarán a su alrededor. – jimp