Referenz:CSS/Eigenschaften/z-index

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft z-index CSS 1.0
Beschreibung gibt an, in welcher Reihenfolge Elemente auf dem Ausgabemedium dargestellt werden
erlaubte Werte

positive oder negative Zahl

default-Wert

0

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar ja, als Rechteck
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Spezifikation W3c logo klein.gif z-index property
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;
}
Beachten Sie

{{{Hinweis}}}

Tipp