2013-07-08 39 views
9

Zrobiłem DIV z visibility: hidden i dołączyłem pseudoelement tego DIV pod z visibility: visible. Działa to zgodnie z oczekiwaniami w Firefoksie, Chrome i Safari, ale w Internet Explorerze 10 pseudoelement nie jest renderowany.IE10: 'visibility: visible' on przed pseudoelementem elementu 'visibility: hidden'

Proszę wyjaśnić, czy robię to źle, czy też jest to problem z Internet Explorerem. Czy są jakieś prace dookoła (mamy tylko dostęp do CSS, a nie źródłowy HTML)?

JSFiddle demonstrating issue.

Odpowiedz

11

Filtry nie działają na pseudo elementach w IE.
Czytaj: msdn

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


IE bani, radzenia sobie z nim.
Myślę, że jedynym sposobem jest zmiana koloru "ukrytego tekstu" na kolor tła, , a ty znasz resztę ...

+2

Zgadzam się, że musisz po prostu sobie z tym poradzić, ale o ile mogę powiedzieć IE robi to źle. Nawet to cytowane stwierdzenie nie wyjaśnia, że ​​widoczność zagnieżdżona nie działa. "Inne określone właściwości stylizacji" to moja widoczność: widoczna na pseudo elemencie, który powinien zostać zastosowany do wstawionej treści ... ale tak nie jest. – Boushley