CSS/Eigenschaften/z-index

Die Eigenschaft z-index gibt an, in welcher Reihenfolge Elemente auf dem Ausgabemedium dargestellt werden

Erlaubte Werte

positive oder negative Zahl

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

0

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja, als Rechteck

Beispiel

#element2 {
  background-color: rgb(0 0 255 / .4);
  left: 4em;
  top: 8em;
  z-index: 9;
}
#element3 {
  background-color: rgb(255 215 0 / .8);
  left: 6em;
  top: 11em;
  z-index: 0;
}
#element4 {
  background-color: rgb(128 0 0 / 1);
  left: 10em;
  padding-left: 8em;
  top: 9em;
  z-index: -10;
}

 

Siehe auch

• 

  z-index und Stapelkontext
  • x,y und z
  • Stapelkontexte
  • Top Layer > z-index: 100.000
   

Weblinks

• Spezifikation (W3C): z-index property