2013-01-01 4 views
3

Exemple: http://codepen.io/mastastealth/pen/gFjhiIE10 Hover + Pseudo Éléments

Fondamentalement, j'ai un élément avec un: après élément réglé sur l'opacité 0. vol stationnaire, il va à l'opacité 1. Apparemment, cela fonctionne dans IE9 et partout ailleurs, mais pas IE10 (sauf si je clique)? Des idées?

+0

Essayez de donner un 'z-index': http://codepen.io/Blender3D/pen/rhsLe – Blender

+0

Est-ce que le travail pour vous? Cela reste le même pour autant que je sache. De plus, un élément enfant sera toujours au-dessus de son parent de toute façon ... – Brian

Répondre

5

Il semble qu'il existe un bug où le sélecteur avec une pseudo-classe suivie d'un pseudo-élément n'est pas écouté lorsqu'un événement se produit. Si vous ajoutez l'écouteur en ajoutant simplement le sélecteur avec seulement la pseudo-classe, votre style sera appliqué à l'événement qui se produit.

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

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

.p:hover {} 
+0

Vous avez sauvé ma journée ... Merci! –

0

Apparemment IE10 continue l'horrible bug de ne pas accepter: hover sur divs. Exemple mis à jour en utilisant un élément à la place et cela fonctionne bien.

Questions connexes