Atrybut CSS z-index

Definicja i zastosowanie

Atrybut z-index ustawia kolejność układania elementów. Elementy o wyższej kolejności układania zawsze są przed elementami o niższej kolejności.

Komentarz:Element może mieć ujemną wartość atrybutu z-index.

Komentarz:Z-index działa tylko na elementach umieszczonych (np. position:absolute;)

Wyjaśnienie

Właściwość ta ustawia pozycję elementu wzdłuż osi z, gdzie os X jest zdefiniowany jako oś pionowa rozciągająca się do ekranu. Jeśli jest to liczba dodatnia, znajduje się bliżej użytkownika, a jeśli jest to liczba ujemna, znajduje się dalej od użytkownika.

Patrz również:

CSS Kurs:CSS Pozycjonowanie

Podręcznik HTML DOM:Atrybut zIndex

Przykład

Ustawienie z-index obrazu:

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
auto Domyślnie. Kolejność układania jest równa elementowi nadrzędnemu.
number Ustawia kolejność układania elementów.
inherit Definiuje, że wartość atrybutu z-index powinna być odziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: auto
Inkrementacja: nie
Wersja: CSS2
Gramatyka JavaScript: object.style.zIndex="1"

Więcej przykładów

Z-index
Z-index można używać do umieszczenia jednego elementu za innym.
Z-index
Element w przykładzie zmienił wartość Z-index.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 3.0 1.0 4.0