2010-04-18 5 views
3

Salutations - Struggeling avec un menu css à trois niveaux.
Fonctionne bien dans FireFox et Opera pour mac, mais dans Chrome et Safari le troisième niveau "colle" ou "se bloque" comme un filigrane après avoir éloigné le curseur.css menu hover "se bloque" en chrome et safari

J'ai essayé quelques choses différentes sans chance.

démo en direct ici:

http://www.it-stud.hiof.no/~benteh/tmp/

J'ai couper tout le reste, donc ce n'est que le menu css & html.
(PS., Il n'y a que trois niveaux sur l'archéologie, hominidés et environnement)

+0

C'est un petit bug que vous avez trouvé là-bas. Vous devriez certainement le signaler: http://webkit.org/quality/reporting.html – zneak

+0

Je peux confirmer que cela arrive dans Chrome, donc ce n'est pas seulement vous. – HaleFx

+0

Je serais heureux de le signaler, mais je ne peux pas croire qu'il n'est pas réparable/work-around-capable? C'est probablement facile, je l'ai regardé pendant si longtemps que je ne vois pas la solution. Et merci à tous les deux - heureux de savoir que ce n'est pas seulement moi :-) – Benteh

Répondre

2

Vous pouvez être intéressé de savoir que la suppression de la règle « visibilty: hidden » du sélecteur « .menu ul li ul » (sur la ligne 105 du CSS) fixe la problème pour moi dans Chrome. Vérifié en FF3.6 et cela fonctionne aussi - n'a pas vérifié dans rien d'autre.

+0

Superbe! Un grand merci, David, qui a fait l'affaire :-) – Benteh

+0

Excellent. Comme beaucoup de CSS cependant, ne me demandez pas pourquoi;) –

+0

Vous donnera un crédit pour la réponse lorsque mon statut noob est mis à jour :-) – Benteh