2011-09-22 17 views
12

tengo este sencillo CSS ...¿Hay alguna manera de hacer que IE8 respete la opacidad en un pseudo elemento `: before`?

div:before { 
    content: "G'day"; 
    filter: alpha(opacity=40); 
    -moz-opacity: .4; 
    opacity: .4; 
} 

jsFiddle.

El pseudo elemento :before tiene la opacidad correcta en Firefox 6. En IE8, la opacidad no se aplica.

Typically, estableciendo la opacidad en el div funciona, pero eso no es lo que quiero.

Intenté agregar display: block pero no sirvió de nada.

Mientras yo podía solución de esto, ¿hay algún truco para conseguir IE8 en honor a la propiedad opacity en un :before (y :after para el caso) pseudo elemento?

+0

no creo que es posible. Tuve el mismo problema hace un tiempo, y terminé trabajando en ello. – thirtydot

+0

@thirtydot: Gracias por consultarme. Si publica eso como respuesta, lo aceptaré. – alex

Respuesta

Cuestiones relacionadas