IE10悬停+伪元素

例子：http://codepen.io/masstastealth/pen/gFjhi http://codepen.io/mastastealth/pen/gFjhi

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

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

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

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

.p:hover {}