Zum Inhalt springen

z-index

#z-index

Bestimmt die Ordnung der Elemente auf der z-Achse. Es funktioniert nur bei positionierten Elementen (alles außer static).

default z-index: auto;

Die Reihenfolge wird durch die Reihenfolge im HTML-Code bestimmt:

  • erste im Code = hinten
  • letzter im Code = vorne

z-index: 1;

Der z-index Wert ist relativ zu den anderen. Das Zielelement wird vor seinen Geschwistern verschoben.

z-index: -1;

Du kannst negative Werte verwenden. Das Zielelement wird hinter seinen Geschwistern eingefügt.

Kai Spriestersbach