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