Keine Wirkung von z-index auf ul/li

[Gunnar Bittersmann]

@@j4nk3y

Eine kurze Frage zum Z-Index. Ich bastel gerade an einer Navigation und wollte die Elemente die unter den ersten <li> Elementen liegen unter selbigen verstecken.
Etwa wie <ul><li style="z-index:2"><ul style="z-index:1"><li></li></ul></li></ul>.

Durch den z-Index haben die li-Elemente ihren jeweils eigenen Stapelkontext; etwaige z-Indizes von deren Nachfahren beziehen sich auf diesen, nicht auf einen vorigen (den globalen) Stapelkontext.

Deshalb sind die ul-Elemente nicht hinter den li-Elementen, sondern davor.

Das SELFHTML-Wiki gibt diesbezüglich nichts her; da musst du in verlässlicheren Quellen kucken, bspw. im MDN. Auf die Schnelle habe ich auch das hier gefunden.

LLAP 🖖