z-index - Überlagerung

Z-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 - Überlagerung

<z-index>

Überlagerungsreihenfolge der HTML-Elemente

• <integer>
• auto
• inherit