Nuansa Penggunaan Nilai z-index Negatif dalam CSS

Jika z-index untuk elemen tidak ditetapkan, maka nilainya harus ditafsirkan sebagai 0. Ini bermakna elemen dengan nilai z-index, sama dengan -1, akan berada di bawah elemen tanpa z-index.

Kita boleh mengubah suai contoh dengan dua elemen kita seperti berikut: hanya tetapkan z-index untuk elemen kedua kepada nilai -1, dan ia akan berada di bawah elemen pertama:

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

Hasil pelaksanaan kod: