2011-09-22 7 views
12

Ho questo semplice CSS ...C'è un modo per rendere l'opacità dell'onore IE8 su un elemento pseudo `: before`?

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

jsFiddle.

Lo pseudo elemento :before ha l'opacità corretta in Firefox 6. In IE8, l'opacità non viene applicata.

Typically, l'impostazione dell'opacità su div funziona, ma non è quello che voglio.

Ho provato ad aggiungere display: block ma non è stato d'aiuto.

Mentre io potevo soluzione questa, c'è qualche trucco per ottenere IE8 per onorare la proprietà opacity su un :before (e :after per questo) elemento pseudo?

+0

non credo che sia possibile. Ho avuto lo stesso problema un po 'di tempo fa, e ho finito per lavorarci intorno. – thirtydot

+0

@thirtydot: Grazie per avermelo verificato. Se lo pubblichi come risposta, lo accetterò. – alex

risposta

Problemi correlati