IE10: 'visibility: visible' перед псевдоэлементом элемента 'visibility: hidden'

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

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

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


html css internet-explorer visibility pseudo-element
person Glitch Desire    schedule 08.07.2013    source источник

Ответы (1)


arrow_upward
12
arrow_downward

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

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


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

person jiantongc    schedule 25.07.2013
comment
Я согласен с тем, что вам нужно просто разобраться с этим, но, насколько я могу судить, IE делает это неправильно. Даже то утверждение, которое вы цитируете, не дает понять, что вложенная видимость не будет работать. Другими указанными свойствами стиля будет моя видимость: видимый для псевдоэлемента, который должен применяться к вставленному содержимому ... но это не так. - person Boushley; 10.07.2014