Problemi Menu Mega
-
10-10-2019 - |
Domanda
Ho un menù mega Ho avuto due problemi con.
- Non riesco a mantenere lo stato hover attiva quando sto in bilico su ogni sezione.
- I tag di intestazione che innescano il menu mega sembrano avere una larghezza del contenitore che sono in. Questo fa sì che il menu mega a pop-up, anche se non lo fai rollover visivamente.
Ho inviato il mio codice corrente per il menu mega qui: http://www.boyga.com/ mega-menù /
sto usando il hoverIntent plug-in.
Soluzione
Issue # 2 è facile da risolvere. Aggiungere questa regola CSS per il vostro foglio di stile:
ul#Top-Nav {
display: inline-block;
}
Issue # 1 è quasi altrettanto semplice. E 'più cambiamenti CSS. Perché i vostri discese sottomenu dalla <li
> ma non il <a>
, è necessario cambiare le regole CSS che coinvolgono a:hover
e 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;}
Questo funziona per me, almeno su Chrome. Si può (leggi: probabilmente). Avranno problemi su altri browser, dove i :hover
e :active
pseudo-classi non lo fanno ribollire
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow