::后：悬停不会在IE浏览器(::after on :hover does not work in

（即模拟支持所有版本的IE10的时候，也是我发现在Internet Explorer中一些奇怪的行为::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中的错误（即使它模仿其他版本）。

我有，不过，找到一个解决办法。 如果添加一个空的CSS规则#d2:hover ，它就会听#d2:hover::after在如图所示此的jsfiddle 。

Answer 2:

我如果做不到这一点在IE工作为好，当我打开的顺序一个实例“：悬停”和“：后”在我的样式表从

    .myclassname::after:hover

至

    .myclassname:hover::after

我能得到期望的结果，回IE9一路（没有测试任何更低）

文章来源: ::after on :hover does not work in IE