Penumpukan Elemen pada Sumbu Z di CSS
Dalam pelajaran ini, kita akan membahas penumpukan elemen pada sumbu Z. Secara default, jika dua elemen saling tumpang tindih, maka elemen yang akan berada di atas adalah elemen yang posisinya lebih rendah dalam kode HTML.
Mari kita lihat sebuah contoh. Misalkan kita memiliki dua elemen yang diposisikan secara absolut sehingga saling tumpang tindih. Dalam kasus seperti ini, elemen yang berada di atas adalah elemen yang posisinya lebih rendah dalam kode HTML:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
position: absolute;
top: 30px;
left: 30px;
width: 100px;
height: 100px;
background: #ff8888;
}
#elem2 {
position: absolute;
top: 60px;
left: 60px;
width: 100px;
height: 100px;
background: #7e89eb;
}
:
