: after on: hover не работает в IE

Я нашел некоторое странное поведение в 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.)

10
css internet-explorer pseudo-element

2 ответов

это похоже на ошибку в IE10 (даже если она эмулирует другие версии).

Я, однако, нашел обходной путь. Если вы добавите пустое правило CSS для #d2:hover, Он будет слушать #d2:hover::after как показано в это JSFiddle.

21

у меня был экземпляр, где это не работало в IE, а также, Когда я переключил порядок": hover "и": after " в моей таблице стилей из

    .myclassname::after:hover

to

    .myclassname:hover::after

я смог получить желаемый результат, вплоть до IE9 (не тестировал ничего ниже)

0