:hover sur IE10 metro

Résolu/Fermé
Eril54 Messages postés 4 Date d'inscription dimanche 28 octobre 2012 Statut Membre Dernière intervention 29 octobre 2012 - 28 oct. 2012 à 17:37
Eril54 Messages postés 4 Date d'inscription dimanche 28 octobre 2012 Statut Membre Dernière intervention 29 octobre 2012 - 29 oct. 2012 à 20:15
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 !


A voir également:

3 réponses

Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
29 oct. 2012 à 16:40
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

:)
0
Eril54 Messages postés 4 Date d'inscription dimanche 28 octobre 2012 Statut Membre Dernière intervention 29 octobre 2012
29 oct. 2012 à 16:55
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>?
0
Blunderer Messages postés 273 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 6 décembre 2012 83
29 oct. 2012 à 16:57
Je ne sais pas... Je ne peux tester ca maintenant mais essaye :D
0
Eril54 Messages postés 4 Date d'inscription dimanche 28 octobre 2012 Statut Membre Dernière intervention 29 octobre 2012
29 oct. 2012 à 17:05
ca ne marche pas :-s
Après avoir mis un <a> si je relâche le doigt le menu disparait ...
0
Eril54 Messages postés 4 Date d'inscription dimanche 28 octobre 2012 Statut Membre Dernière intervention 29 octobre 2012
29 oct. 2012 à 20:15
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 ;-)
0