11

我在 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。）

4

2 回答 2

21

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

不过，我找到了解决方法。如果您为 添加一个空的 CSS 规则#d2:hover，那么它将按此 JSFiddle#d2:hover::after所示进行侦听。

于 2013-01-14T17:13:45.467 回答
0

我有一个实例，这在 IE 中也不起作用，当我在样式表中切换“：悬停”和“：之后”的顺序时

    .myclassname::after:hover

到

    .myclassname:hover::after

I was able to get the desired result, all the way back to IE9 (didn't test anything lower)

于 2015-08-06T16:04:08.863 回答