IE10：“可见性：可见”在“可见性：隐藏”元素的伪元素之前

【问题标题】：IE10: 'visibility:visible' on before pseudo-element of 'visibility:hidden' elementIE10：“可见性：可见”在“可见性：隐藏”元素的伪元素之前
【发布时间】：2013-07-06 00:57:18
【问题描述】：

我用visibility: hidden 制作了一个DIV，并用visibility: visible 附加了这个DIV 的::before 伪元素。这在 Firefox、Chrome 和 Safari 中可以正常工作，但在 Internet Explorer 10 中，伪元素不会呈现。

如果我做错了，或者这是否是 Internet Explorer 的问题，请解释一下。是否有任何变通方法（我们只能访问 CSS，而不是源 HTML）？

JSFiddle demonstrating issue.

【问题讨论】：

标签： html css internet-explorer visibility pseudo-element

【解决方案1】：

过滤器不适用于 IE 中的伪元素。
读： msdn

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

IE很烂，处理它。
我认为唯一的方法是将“隐藏文本”颜色更改为您的背景颜色，其余的你都知道......

【讨论】：

我同意你只需要处理它，但据我所知，IE 做错了。即使您引用的那句话也没有清楚地表明嵌套可见性不起作用。 “其他指定的样式属性”将是我的可见性：在伪元素上可见，它应该应用于插入的内容......但它不是。