z-index
Definition
z-index steuert innerhalb eines Stapelkontexts, welche geeigneten Webelemente vor anderen liegen.
Eine CSS-Eigenschaft, die innerhalb von Stacking Contexts die Stapelreihenfolge positionierter oder geeigneter Elemente beeinflusst.
Einfach erklärt
Überlappen sich Elemente einer Webseite, hilft z-index bei der Reihenfolge ihrer Ebenen. Das gilt jeweils innerhalb ihres gemeinsamen Stapelbereichs.
Warum das im Alltag wichtig ist
Der Begriff trägt zu sicheren, wartbaren und leistungsfähigen Webanwendungen sowie belastbaren technischen Entscheidungen bei.
Beispiel aus dem Mittelstand
Ein Dialog liegt über Navigation und Overlay, ohne Fokusreihenfolge oder Semantik zu verändern.
Grenzen und Fallstricke
- Ein hoher Wert überwindet keinen fremden Stacking Context; visuelle Reihenfolge ersetzt keine DOM- oder Fokuslogik.
Entstehung & Geschichte
z-index gehört seit frühen CSS-Versionen zur visuellen Schichtung von Webinhalten.
Anwendung im Mittelstand
- Mögliche Anwendung: Ein Dialog liegt über Navigation und Overlay, ohne Fokusreihenfolge oder Semantik zu verändern.
Häufige Fragen
Was bedeutet z-index?
Eine CSS-Eigenschaft, die innerhalb von Stacking Contexts die Stapelreihenfolge positionierter oder geeigneter Elemente beeinflusst. Worauf sollte man achten? Ein hoher Wert überwindet keinen fremden Stacking Context; visuelle Reihenfolge ersetzt keine DOM- oder Fokuslogik.
Quellen
- CSS Positioned Layout Module Level 3 · W3C, CSS Positioned Layout Module Level 3
Quelle geprüft am 10.10.2026. Redaktionelle Anwendungsbeispiele sind hypothetisch; kein Nachweis realer Kundenergebnisse.
Redaktionell geprüft am: