Niuanse stosowania ujemnej wartości z-index w CSS

Jeśli z-index elementu nie jest ustawiony, to jego wartość należy traktować jako 0. Oznacza to, że element z wartością z-index równą -1, będzie znajdował się poniżej elementu bez z-index.

Możemy przerobić przykład z naszymi dwoma elementami w następujący sposób: po prostu ustawić drugiemu elementowi z-index na wartość -1, i znajdzie się on pod pierwszym elementem:

css#elem1 {
  /* nie ustawiamy z-index */
}
#elem2 {
  z-index: -1;
}

Wynik wykonania kodu: