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

Posted 2023-02-21

【中文标题】IE10：“可见性：可见”在“可见性：隐藏”元素的伪元素之前

【英文标题】：IE10: 'visibility:visible' on before pseudo-element of 'visibility:hidden' element

【发布时间】：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.

【参考方案1】：

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

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

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

【讨论】：

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