css“:: after”类在Internet Explorer中不起作用

Question

  

可能重复：
  Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?

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

ANYHOO，我有一个分隔符图像，显示在每个表格行之后，使用“tr :: after”css。这在Internet Explorer的任何浏览器EXCEPT中看起来都很好，而不是在表格行下面显示，分隔符似乎在第二列上碾压并挤在它旁边(image)

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

Answer 1

IE 8+支持:after pseudo-element - 请注意单冒号（：）

根据上面的链接没有IE版本（虽然IE 10不在此列表中）支持双冒号伪元素

修改

IE 9+支持双冒号伪元素（如@BoltClock提及Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?）

Answer 2

您只使用创建的CSS3语法来区分伪元素和伪类，如:hover和:focus。当元素的后期目标陈述时，::after会定位目标后面的伪元素。

与其他浏览器一样，Internet Explorer 8支持CSS2版本。在Internet Explorer 9之前，未添加对CSS3语法的支持。如果要完全兼容，可以在IE8注释中提​​供这两者，或提供以前的CSS2语法。

MSDN Documentation声明如下：

  

在Windows Internet Explorer 8以及IE8标准模式下的Windows Internet Explorer的更高版本中，只识别此伪元素的单冒号形式 - 即：after。