Podrobnosti uporabe negativne vrednosti z-index v CSS

Če z-index elementa ni nastavljen, je treba njegovo vrednost razlagati kot 0. To pomeni, da bo element z vrednostjo z-index, enako -1, pod elementom brez z-index.

Primer z našima dvema elementoma lahko predelamo na naslednji način: drugemu elementu preprosto nastavimo z-index na vrednost -1, in ta bo šel pod prvi element:

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

Rezultat izvajanja kode: