diedVIPs

html knowhow

Überlagerung - <z-index>






LogoZ-index gibt an, in welcher Reihenfolge Elemente angeordnet werden. Elemente mit einem größeren z-index liegen dabei näher am Betrachter und können Elemente mit kleinerem z-index überlagern. Z-index ist eine ganze Zahl und kann negativ und positiv sein.

Das z-index-Attribut kann folgende Werte besitzen:

auto, das Element wird behandelt, als hätte es den z-index Wert 0. Es bildet aber keinen neuen Stapelkontext. Eine ganze Zahl, das Element wird wie oben beschrieben positioniert. Eine größere Zahl bedeutet näher am Betrachter.

inherit, z-index des Elternelements. Wird z-index für ein Element nicht explizit gesetzt, ist der Standard-Wert auto. Eine Vererbung des z-index des Elternelements muss explizit mit z-index:inherit ausgelöst werden.



Z-index

Befehl Beschreibung Wert Beispiel

<z-index>

Überlagerungsreihenfolge der HTML-Elemente

  • <integer>
  • auto
  • inherit
 









Kontakt    Datenschutz   Impressum