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继续存在不接受的可怕错误：将鼠标悬停在div上。使用元素更新的示例，它工作正常。