CSS'te Z Ekseni Üzerinde Elemanların Üst Üste Gelmesi
Bu derste, elemanların Z ekseni boyunca üst üste gelmesini inceleyeceğiz. Varsayılan olarak, iki eleman birbirinin üzerine geliyorsa, HTML kodunda daha aşağıda bulunan eleman üstte görünecektir.
Bir örnek üzerinden inceleyelim. Mutlak konumlandırılmış, birbirinin üzerine gelecek şekilde iki elemanımız olduğunu düşünelim. Bu durumda, HTML kodunda daha aşağıda olan eleman üstte olacaktır:
<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;
}
:
