IE10: "видимость: видимая" перед псевдоэлементом элемента "видимость: скрытый"

Я сделал DIV с visibility: hidden и добавил псевдоэлемент ::before этого DIV с помощью visibility: visible. Это работает в Firefox, Chrome и Safari, но в Internet Explorer 10 псевдоэлемент не отображает.

Пожалуйста, объясните, выполняю ли я это неправильно, или это проблема с Internet Explorer. Есть ли какая-нибудь работа вокруг (у нас есть только доступ к CSS, а не к исходному HTML)?

JSFiddle демонстрирует проблему.

Ответ 1

Фильтры не работают с псевдоэлементами в IE.
Читать: msdn

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


IE отстой, справитесь с этим.
Я думаю, что единственный способ - изменить цвет" скрытого текста" на цвет фона, и вы знаете все остальное...