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:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Wynik wykonania kodu:
Powtórz stronę według danego wzoru:
Powtórz stronę według danego wzoru: