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