CSS z-index neigiamos reikšmės naudojimo niuansai

Jei elemento z-index nėra nustatytas, tada jo reikšmė turėtų būti traktuojama kaip 0. Tai reiškia, kad elementas su z-index reikšme, lygia -1, bus žemiau elemento be z-index.

Galime perdaryti mūsų dviejų elementų pavyzdį taip: tiesiog nustatyti antram elementui z-index reikšmę -1, ir jis atsidurs pirmo elemento apačioje:

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

Kodo vykdymo rezultatas: