：伪CSS规则在IE中不起作用

Question

我有一个CSS规则，它适用于除IE之外的所有浏览器。当我在IE检查器中检查它时，我可以看到规则没有被应用。

.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

知道为什么这条规则没有在IE中应用？

我正在测试IE 11,10＆amp; 9.我正在使用Magento应用程序。

Answer 1

我能够通过将css规则重写为：

来解决这个问题

.wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

我不明白为什么以前的规则不适用于IE，而它在所有其他浏览器中都有效。之前的规则是继承自Magento RWD主题。

此外，似乎IE检查员全部删除：在规则之后，由于其中一些实际上正在页面上工作，这会产生误导。