Mega-Menü Probleme

Question

Ich habe ein mega-Menü Ich habe mit zwei Probleme gehabt.

1. Ich kann nicht scheinen, um die Hover-Zustand aktiv zu halten, wenn ich jeden Abschnitt schwebt über bin.
2. Die Header-Tags, die das Megamenü auslösen scheinen eine Breite des Behälters zu haben, dass sie in. Dies das Mega-Menü führt auch Pop-up, wenn Sie nicht Roll es visuell.

Ich habe meine aktuellen Code für das Mega-Menü hier: http://www.boyga.com/ Mega-Menü /

Ich bin mit der hoverintent Plug-in.

Answer 1

Issue # 2 ist einfach zu beheben. Fügen Sie diese CSS-Regel Ihr Sheet:

ul#Top-Nav {
    display: inline-block;
}

Ausgabe # 1 ist fast so einfach. Es ist mehr CSS Änderungen. Da Ihre Untermenü Abfahrten vom <li> aber nicht die <a>, müssen Sie Ihre CSS-Regeln ändern, die a:hover und a:active beinhalten:

    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;}

Dies funktioniert für mich, zumindest auf Chrome. Sie können (sprich: wahrscheinlich). Probleme auf anderen Browsern haben wird, wo die :hover und :active Pseudo-Klassen nicht sprudeln