Problem mit Script

[Rolf B]

Hallo thementholist,

okay, mit Felix' Lösung bin ich an einer Stelle noch unglücklich: die Waben flackern in Chrome und Firefox (nicht in Edge), wenn sich das Menü öffnet oder schließt. Das liegt am

nav.honey ul.open li {
	z-index: 0;
}

in honey-navi.css. Nimmt man die Regel weg, flackert nichts mehr (Chrome, FF, Edge). Ich weiß aber nicht, welcher Sonderfall von dieser Regel abgedeckt wurde, es mag unterm Strich bei anderen Browsern kontraproduktiv sein.

Der Unterschied zwischen deiner Lösung und der von Felix ist position:fixed vs position:relative. In einem position:relative-Element lassen sich child-Elemente offenbar per z-order hinter das Container-Element legen, in einem position:fixed-Element nicht. Es müsste ein spec Speci wie @Gunnar Bittersmann her, um zu erklären, warum das so ist oder ob das ein Bug ist. Ich weiß es nicht.

Muss es denn position:fixed sein? Ggf. kannst Du einen Container um die Navigation herumlegen, der fixed ist, und darin ist dann das - hoffentlich - funktionierende Menü mit position:relative.

Rolf