Dropdown-Menü kämpft miteinander

Ich bin sicher, dass es eine einfache CSS-Antwort darauf gibt, die ich nicht sehe 🙁

http://www.glennduxbury-inspections.com/litb/

Wenn Sie in einem Navigationsmenü mit der Maus über einen Untermenüeintrag fahren und die Maus langsam nach rechts bewegen, wird zum Untermenü “Nächste Elemente” gewechselt. Ich möchte nicht, dass dies speziell für das Drop-down “Dienste” passiert, weil es ein Menü der dritten Ebene hat, über das ich nicht einmal schweben kann.

Ich habe versucht, z-Index im Untermenü zu casting, und alle Elemente im Untermenü. Nichts, was ich tue, scheint zu funktionieren, ich bin an dieser Stelle ratlos.

Solutions Collecting From Web of "Dropdown-Menü kämpft miteinander"

Das Problem ist, dass, obwohl Ihr Untermenü auf opacity: 0 , es immer noch angezeigt wird, nur transparent. Wenn Sie also über einen Bereich fahren, in dem ein Untermenü vorhanden ist, lösen Sie #access ul li:hover wodurch die Deckkraft des Untermenüs mit #access ul li:hover > ul . Versuchen Sie, visibility: hidden hinzuzufügen visibility: hidden für #access ul ul . #access ul li:hover > ul dann visibility: visible für #access ul li:hover > ul . Auf diese Weise können Sie den Deckkraftübergang beibehalten.