Regulacja nakładania elementów wzdłuż osi Z w CSS

Kolejność nakładania elementów można regulować za pomocą właściwości z-index, przyjmującej jako wartość liczby całkowite dodatnie lub ujemne, albo zero. Właściwość działa tylko dla elementów, których wartość position jest ustawiona jako absolute, fixed lub relative.

Przy użyciu tej właściwości zasada nakładania elementów jest następująca: wyżej będzie ten element, którego wartość z-index jest większa.

Zmieńmy kolejność nakładania elementów z poprzedniego przykładu. W tym celu pierwszemu elementowi ustawmy z-index większy, niż drugiego, na przykład w ten sposób:

css#elem1 {
  z-index: 2;
}
#elem2 {
  z-index: 1;
}

Wynik wykonania kodu: