Penindihan Elemen pada Paksi Z dalam CSS
Dalam pelajaran ini, kita akan melihat penindihan elemen pada paksi Z. Secara lalai, jika dua elemen bertindih antara satu sama lain, elemen yang akan berada di atas ialah elemen yang kedudukannya lebih rendah dalam kod HTML.
Mari kita lihat contoh. Katakan kita mempunyai dua elemen, diposisikan secara mutlak supaya bertindih antara satu sama lain. Dalam kes sedemikian, elemen yang akan berada di atas ialah elemen yang kedudukannya lebih rendah dalam kod 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;
}
:
