:hover sur IE10 metro
Résolu
Eril54
Messages postés
4
Statut
Membre
-
Eril54 Messages postés 4 Statut Membre -
Eril54 Messages postés 4 Statut Membre -
Bonjour à tous!
Comme certainement beaucoup de monde je suis sous Windows 8 et je rencontre mes premiers petits problèmes ^^
Apparemment Ie10 sur Windows8 ne gère pas le tactile comme le fait Windows 7, Android ou iOS.
je m'explique :
j'ai un <li> avec la propriété css :hover
#menu_glissant li:hover > .sub .sous_menu {display:block}
Sur Windows 7: Le clic et le survole fonctionnent sur IE Firefox chrome etc
Sur Android et iOS un clic sur le <li> déclenche l'effet.
Sur IE10 un passage de souris déclenche l'effet, un clic ne fait rien.
Avec Firefox sur Windows8 tout fonctionne parfaitement.
Comment adapter mon menu pour que le click sur <li> déclenche l'effet?
Auriez vous une solution pour rester en CSS et éviter le JavaScript?
Si il faut l'adapter en JS je le ferais mais je préfèrerais rester en CSS uniquement.
Merci à vous !
Comme certainement beaucoup de monde je suis sous Windows 8 et je rencontre mes premiers petits problèmes ^^
Apparemment Ie10 sur Windows8 ne gère pas le tactile comme le fait Windows 7, Android ou iOS.
je m'explique :
j'ai un <li> avec la propriété css :hover
#menu_glissant li:hover > .sub .sous_menu {display:block}
Sur Windows 7: Le clic et le survole fonctionnent sur IE Firefox chrome etc
Sur Android et iOS un clic sur le <li> déclenche l'effet.
Sur IE10 un passage de souris déclenche l'effet, un clic ne fait rien.
Avec Firefox sur Windows8 tout fonctionne parfaitement.
Comment adapter mon menu pour que le click sur <li> déclenche l'effet?
Auriez vous une solution pour rester en CSS et éviter le JavaScript?
Si il faut l'adapter en JS je le ferais mais je préfèrerais rester en CSS uniquement.
Merci à vous !
3 réponses
-
Je ne sais si j'ai tout compris car pour moi un :hover est un évènement lors du survol avec la souris...
Remplace :hover par :active...
Mais encore une fois est-ce ça ta question ? oO
:)
-
Oui c'est ca ! ^^
Désolé si je me suis mal exprimé.
Ce que je veux dire c'est que avec la souris :hover fonctionne.
avec le tactile sur IE10 uniquement :hover ne marche pas.
:active marche sur les <li> sans <a>? -
Bon et bien après de nombreuses heures de recherches j'ai fini par faire le tout en JavaScript en utilisant $().each.click sur les <li> et en ne l'appliquant qu'a IE10 grâce a l'user agent...
Merci de ton aide malgré tout Blunderer ;-)
