CSS/Eigenschaften/z-index

Aus SELFHTML-Wiki
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 (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
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;
}
 


Weblinks

Siehe auch