CSS/Eigenschaften/z-index

Aus SELFHTML-Wiki
< CSS‎ | Eigenschaften(Weitergeleitet von Z-index)
Wechseln zu: Navigation, Suche

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
Defaultwert

0

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja, als Rechteck

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

Siehe auch

Weblinks