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:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Hasil eksekusi kode:
Ulangi halaman sesuai dengan contoh berikut:
Ulangi halaman sesuai dengan contoh berikut:
