Nuance použití záporné hodnoty z-index v CSS

Pokud není z-index u elementu nastaven, jeho hodnota by se měla interpretovat jako 0. To znamená, že element s hodnotou z-index rovnou -1 bude pod elementem bez z-index.

Příklad s našimi dvěma elementy lze upravit následovně: jednoduše nastavte druhému elementu z-index na hodnotu -1, a dostane se pod první element:

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

Výsledek provedení kódu: