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 {}