Problèmes de mégamenu
-
10-10-2019 - |
Question
J'ai un mégamenu j'ai eu deux problèmes avec.
- Je ne peux pas sembler garder l'état de vol stationnaire actif quand je suis planant au-dessus de chaque section.
- Les balises d'en-tête qui déclenchent le menu méga semblent avoir une largeur du conteneur qu'ils sont. Cela provoque le mégamenu pour faire apparaître même si vous ne le faites pas capotage visuellement.
J'ai posté mon code actuel pour le mégamenu ici: http://www.boyga.com/ méga menu /
J'utilise le plug-in hoverintent.
La solution
numéro 2 est facile à corriger. Ajouter cette règle CSS à votre feuille de style:
ul#Top-Nav {
display: inline-block;
}
Numéro # 1 est presque aussi simple. Il est plus de changements CSS. Parce que vos descentes de sous-menu du <li
> mais pas le <a>
, vous devez changer vos règles CSS qui impliquent a:hover
et a:active
:
ul#Top-Nav li:hover a{color:#1E90FF;text-decoration:none;}
ul#Top-Nav li:hover a{background:#1E90FF url(arrow.png) no-repeat right center;color:#fff;}
ul#Top-Nav li:active a{background:#1E90FF url(arrow.png) no-repeat right center;color:#fff;}
Cela fonctionne pour moi, au moins sur Chrome. Vous pouvez (lire: sans doute). Aura des questions sur d'autres navigateurs, où les :hover
et les pseudo-classes :active
ne le font pas bouillonner
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow