2008-09-25 14 views
2

Malgré mes cris les plus convaincants, j'ai récemment été forcé de mettre en place un système de navigation horizontal déroulant, j'ai donc opté pour le système le plus convivial que je pouvais trouver - Son of Suckerfish.Menu CSS «Son of Suckerfish» - les sous-menus ne se ferment pas dans IE7

J'ai testé dans divers navigateurs sur ma machine et tout semblait être bien. Cependant, certains (mais pas tous!) Utilisateurs IE7 rencontrent un problème où les sous-menus ne se ferment pas après avoir survolé. Le plus ennuyeux est que les utilisateurs concernés utilisent la version exacte de IE7 que je suis (7.0.5730.13), avec les mêmes paramètres de confidentialité et de sécurité (je leur ai même fait envoyer des captures d'écran des onglets dans Internet Options) sur le même OS (XP). Je ne peux pas vérifier si Vista est affecté ou non.

Evidemment essayer de déboguer ce problème est un cauchemar puisque je ne peux pas le reproduire, donc je me demande si quelqu'un ici peut et pourrait savoir comment le résoudre. Je l'ai mis en place une page par exemple ici:

http://x01.co.uk/menu_test/

De plus, il y a un scintillement gênant lors du survol des sous-éléments que j'ai aussi essayé de résoudre sans succès, de sorte que toute aide que serait également apprécié.

Répondre

4

Ceci est un problème qui se produit dans IE7 lorsqu'une autre partie de la page a le focus (c'est-à-dire que vous avez cliqué quelque part puis passez la souris sur le menu). Cela semble être un problème avec la pseudo-classe: hover. L'ajout d'un déclencheur hasLayout au style: hover devrait résoudre le problème.

#nav li:hover { 
    position: static; 
} 

Il existe également d'autres solutions. Il y a une grande écriture-up sur le problème ici:

Sticky Sons of Suckerfish

+0

absolue bouée de sauvetage, merci beaucoup! – tags2k