2013-07-08 12 views
9

Ho fatto un DIV con visibility: hidden e attaccato un ::before pseudo-elemento di questo DIV con visibility: visible. Funziona come previsto in Firefox, Chrome e Safari, ma in Internet Explorer 10 lo pseudo-elemento non viene visualizzato.IE10: 'visibilità: visibile' prima di pseudo-elemento 'visibilità: nascosto' elemento

Si prega di spiegare se sto realizzando questo torto, o se questo è un problema con Internet Explorer. Ci sono dei problemi (abbiamo solo accesso al CSS, non al codice HTML sorgente)?

JSFiddle demonstrating issue.

risposta

11

I filtri non funzionano su pseudo elementi in IE.
Leggi: msdn

Other specified styling properties apply to the appearance of the inserted content, not to the element's content. 


IE fa schifo, trattare con esso.
Credo che l'unico modo è quello di cambiare il "testo nascosto" di colore per il colore di sfondo, e si conosce il resto ...

+2

Sono d'accordo che bisogna fare i conti solo con esso, ma per quanto posso dì a IE che sta sbagliando. Anche quella dichiarazione che stai citando non chiarisce che la visibilità annidata non funzionerà. La "Altre proprietà di stile specificate" sarebbe la mia visibilità: visibile sullo pseudo elemento, che dovrebbe essere applicato al contenuto inserito ... ma non lo è. – Boushley