config

Strona w trakcie modernizacji

Zapraszamy wkrótce

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

Wartość Opis
auto Ustawia kolejność stosu równą jej rodzicom. Wartość domyślna.
number Ustawia kolejność stosu elementu. Dozwolone są liczby ujemne.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

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ść chrome edge firefox safari opera
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.

Właściwość CSS:
z-index:

 
Rezultat:
Mój Div
z-index 0
z-index 1
z-index 2
z-index 3
Kode CSS Code:
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;

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00