CSS类 “::后” 无法在Internet Explorer工作

可能重复：
Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?CSS类 “::后” 无法在Internet Explorer工作

我有一个WordPress页面设置here。它确实使用了表格，我知道它是愚蠢的，但它也是在后台设置可视化布局的最佳方式，因此客户端可以在编辑时看到他们正在做什么。

ANYHOO，我有一个分隔符图像显示在每个表格行之后，使用“tr :: after”css。在任何浏览器中，这看起来都不错，除了Internet Explorer之外，其中不是显示在表格下方，分隔符似乎在缩小第二列并挤在旁边(image)

我似乎无法弄清楚这里发生了什么。

哪个版本的IE浏览器？ – BoltClock

截图来自IE9--在IE 8中表格看起来正确，但后面的元素根本不显示。 –

IE 8+支持:after pseudo-element - 注意根据上述链路没有IE版本（虽然IE 10不在该列表）单一冒号（:)

~~支持两结肠伪元件~~

编辑：

2013-01-03 18:19:31 MikeM

[该链接错误。]（http://stackoverflow.com/questions/7157405/are-css3-before-and-after-pse-o-udo-elements-supported-by-ie9-or-not/7157425#7157425） – BoltClock

@BoltClock很不幸，对于IE支持的样式来说，它往往是一个很好的参考。 – MikeM

我们将看看我是否听到了我对该链接的反馈 – MikeM

您只使用创建的CSS3语法来区分伪类和伪类，如:hover和:focus。尽管后面的目标指出了元素的，但是::after针对目标之后的伪元素。

与其他浏览器一样，Internet Explorer 8支持CSS2版本。直到Internet Explorer 9才加入对CSS3语法的支持。如果您想要完全兼容，您可以提供两者，或者在IE8评论中提供以前的CSS2语法。

的MSDN Documentation状态如下：在IE8标准模式

在Windows Internet Explorer 8，以及更高版本的Windows的Internet Explorer，仅此伪元素的一个冒号形式是recognized-即：之后。

enter image description here

2013-01-03 19:36:18 Sampson

感谢您提供这些信息，但我不认为这就是它按照原样显示的原因，因为即使使用单个冒号也有同样的问题。 –

@DarrenMiller我回到你的演示，但你似乎已经改变了它。你能否链接到一个不会在将来改变的例子 - 使用http://jsfiddle.net的演示将是理想的。 – Sampson

是的，对不起。我一直试图解决它，并最终放弃，只是完全重构了页面布局。 –

回答