Question 1

Was ist CSS z-index?

Accepted Answer

CSS z-index steuert die vertikale Stapelreihenfolge positionierter Elemente. Elemente mit einem höheren z-index erscheinen vor solchen mit einem niedrigeren z-index, wenn sie sich überlappen.

Question 2

Warum funktioniert mein z-index nicht?

Accepted Answer

z-index funktioniert nur bei positionierten Elementen (position: relative, absolute, fixed oder sticky). Elemente mit position: static ignorieren die z-index-Eigenschaft.

Question 3

Was ist ein Stapelkontext?

Accepted Answer

Ein Stapelkontext ist ein Element, das seine eigene Stapelschicht erstellt. Eigenschaften wie opacity < 1, transform und filter erstellen neue Stapelkontexte.

Question 4

Welche z-index-Werte werden häufig in der UI verwendet?

Accepted Answer

Übliche Werte: 0 für Basisinhalt, 10-100 für Karten und Dropdowns, 1000 für Modale und Overlays, 9999 für Tooltips und Benachrichtigungen.

Question 5

Sollte ich sehr hohe z-index-Werte wie 9999999 verwenden?

Accepted Answer

Nein. Die Verwendung willkürlich hoher Werte erschwert die Wartung. Definieren Sie eine z-index-Skala in Ihrem Designsystem (z.B. 10, 100, 200, 500, 1000) und halten Sie diese konsequent ein.

Z-Index-Manager

Ebenenliste

Vorschau

Häufig gestellte Fragen

Comments & Feedback