Opis

z-index określa uporządkowanie (kolejność nakładania się) elementów na stosie.

Element o większym numerze porządku na stosie leży na elemencie o mniejszym numerze. Jeśli elementy mają ten sam z-index to te, które zostały wpisane na końcu, zakrywają te poprzednie.

Działa tylko na pozycjonowanych elementach (position: absolute, relative, fixed, lub sticky). Niepozycjonowane będą miały zawsze 0.

Przykład
z-0 wpisany jako drugi
Kod:
Wartości

z-index: auto|number|initial|inherit;

WartośćOpis
auto Ustawia kolejność na stosie elementów równą jej rodzicom. Domyślne.
number
-1 | 0 | 1 		Ustawia kolejność elementu na stosie. Liczby ujemne są dozwolone.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: auto
Dziedziczenie:
Animowalność:
JavaScript: object.style.zIndex