css - IE10 悬停 + 伪元素

Question

示例：http ://codepen.io/mastastealth/pen/gFjhi

基本上，我有一个元素，其 :after 元素设置为不透明度 0。悬停时，它变为不透明度 1。显然它适用于 IE9 和其他任何地方，但不适用于 IE10（除非我点击）？想法？

Answer 1

似乎存在一个错误，即当事件发生时，不侦听具有伪类后跟伪元素的选择器。如果您通过仅添加带有伪类的选择器来添加侦听器，您的样式将应用于发生的事件。

http://codepen.io/justinphillips/pen/qvHyi

.p:hover:after {
    opacity: 0.7;
  } 

.p:hover {}

Answer 2

显然 IE10 延续了不接受 :hover on div 的可怕错误。使用元素更新示例，它工作正常。