IE10悬停+伪元素

Question

3

基本上，我有一个元素，其中的 :after 元素设置为不透明度 0。悬停时，它变为不透明度 1。显然，在 IE9 和其他所有地方都可以工作，但在 IE10 中不行（除非我点击）？有什么想法吗？

- Brian

尝试给它一个 z-index：http://codepen.io/Blender3D/pen/rhsLe - Blender

这对你来说可以吗？据我所知，它仍然保持不变。此外，子元素始终会在其父元素之上... - Brian

2个回答

0

显然IE10继续存在不接受在div上使用:hover的可怕缺陷。更新示例，改用元素即可解决问题。

- Brian

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Castyr · Accepted Answer

似乎存在一个错误，当伪类选择器后跟着伪元素时，事件不会被监听。如果只添加带有伪类的选择器来添加监听器，则在事件发生时将应用样式。 http://codepen.io/justinphillips/pen/qvHyi

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

.p:hover {}