我在这里设置了一个 wordpress 页面。它确实使用表格，我知道这很愚蠢，但它也是在后端设置视觉布局的最佳方式，因此客户端可以在编辑时看到他们在做什么。
ANYHOO，我有一个分隔图像，显示在每个表格行之后，使用“tr::after”css。这在任何浏览器中看起来都很好，除了 Internet Explorer，分隔符不是显示在表格行下方，而是挤压第二列并挤在它旁边（图片）
我似乎无法弄清楚这里发生了什么。
问问题
7408 次
2 回答
1
IE 8+ 支持:after伪元素- 注意单冒号 (:)
根据上面的链接，没有 IE 版本（虽然 IE 10 不在此列表中）支持两个冒号伪元素
编辑：
IE 9+ 支持两个冒号伪元素（正如@BoltClock 提到的那样，IE9 是否支持 CSS3 ::before 和 ::after 伪元素？）
于 2013-01-03T18:19:31.117 回答
0
您只使用了 CSS3 语法，该语法是为了区分伪元素和伪类（如:hover和）而创建的:focus。而元素的较晚目标状态，::after则以目标之后的伪元素为目标。
Internet Explorer 8 与其他浏览器一样，支持 CSS2 版本。直到 Internet Explorer 9 才添加对 CSS3 语法的支持。如果您想要完全兼容，您可以同时提供两者，或者在 IE8 注释中提供以前的 CSS2 语法。
MSDN 文档声明如下：
在 Windows Internet Explorer 8 以及更高版本的 IE8 标准模式下的 Windows Internet Explorer 中，只能识别此伪元素的单冒号形式，即 :after。
于 2013-01-03T19:36:18.487 回答