Właściwość CSS z-index

Definicja stylu, przeznaczenie i użycie z-index

Właściwość z-index definiuje kolejność elementu na stosie.

Element o większej liczbie zawsze znajduje się na stosie nad elementem o niższej liczbie.

Uwaga: z-index działa tylko na elementach pozycjonowanych (position: absolute, position: relative, position: fixed lub position: sticky).

Wartości właściwości z-index

Składnia CSS z-index

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

Wsparcie przeglądarek dla właściwości z-index

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
z-index	1.0	4.0	3.0	1.0	4.0

Przykładowe zastosowania z właściwością z-index

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

div#myBox {
  position:absolute;
  background-color:red;
  z-index:auto;
}

Przykłady właściwości z-index

z-index: -1;

z-index: 10;

z-index: 999;