Elementide pealekattumine Z-teljel CSS-is
Selles tunnis vaatleme elementide pealekattumist Z-teljel. Vaikimisi, kui kaks elementi kattuvad teineteisega, siis üleval on see element, mis asub allpool HTML koodis.
Vaatame näidet. Oletame, et meil on kaks elementi, mis on absoluutselt positsioneeritud nii, et nad katavad teineteist. Sellisel juhul on üleval see element, mis asub allpool HTML koodis:
<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;
}
:
