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.

b2c7b7ea3b1d7cf72fa79c5bc07390fc?s=250&d=mm&r=g z-index

Nach oben