Nuansy použitia zápornej hodnoty z-index v CSS

Ak nie je pre element nastavený z-index, jeho hodnota sa považuje za 0. To znamená, že element s hodnotou z-index rovnou -1 bude pod elementom bez z-index.

Príklad s našimi dvoma elementmi môžeme upraviť nasledovne: jednoducho nastavíme druhému elementu z-index na hodnotu -1, a ten sa presunie pod prvý element:

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

Výsledok vykonania kódu: