Question

我在Internet Explorer中发现了一些奇怪的行为（IE10以及模拟支持::after的所有版本）。将伪元素应用于元素（.element:hover::after）的悬停状态时，它在IE中不起作用，但在所有其他主流浏览器中都起作用。

http://jsfiddle.net/BramVanroy/9jpeZ/1/

#d1::after { /* Works in IE */
  content: "no hover needed";
  border: 1px solid blue;
  display: block;
}

#d2:hover::after { /* Does not work in IE */
  content: "Y U NO WORK IN IE";
  border: 1px solid blue;
  display: block;
}

是否有针对此的CSS修复程序？（没有JS / jQuery。）

Answer 1

这似乎是IE10中的一个错误（即使它模仿其他版本）。

但是，我有一个解决方法。如果您为#d2:hover添加空CSS规则，它将会收听#d2:hover::after {{1}}中显示的{{1}}。

Answer 2

我有一个实例，这也不适用于IE，当我在

的样式表中切换“：hover”和“：after”的顺序时

    .myclassname::after:hover

到

    .myclassname:hover::after

我能够获得所需的结果，一直回到IE9（没有测试任何更低的值）

::之后：悬停在IE中不起作用

2 个答案: