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

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按照这个JSFiddle所示进行监听.