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 ルールを追加すると、この JSFiddleに示すように#d2:hoverリッスンします。#d2:hover::after

于 2013-01-14T17:13:45.467 に答える
0

スタイルシートで ":hover" と ":after" の順序を

    .myclassname::after:hover

に

    .myclassname:hover::after

IE9までさかのぼって、望ましい結果を得ることができました（それ以下はテストしませんでした）

于 2015-08-06T16:04:08.863 に答える