Mengatur Penumpukan Elemen pada Sumbu Z di CSS

Urutan penumpukan elemen dapat diatur menggunakan properti z-index, yang menerima nilai berupa bilangan bulat positif atau negatif, atau nol. Properti ini hanya bekerja untuk elemen yang nilai position-nya diatur sebagai absolute, fixed atau relative.

Saat menggunakan properti ini, aturan penumpukan elemen adalah sebagai berikut: elemen yang akan berada di atas adalah elemen yang nilai z-index-nya lebih besar.

Mari kita ubah urutan penumpukan elemen dari contoh sebelumnya. Untuk itu, berikan elemen pertama z-index yang lebih besar dari elemen kedua, contohnya seperti ini:

css#elem1 {
  z-index: 2;
}
#elem2 {
  z-index: 1;
}

Hasil eksekusi kode: