CSS-də Z Oxu Üzrə Elementlərin Üst-Üstə Düşməsi
Bu dərsdə biz elementlərin Z oxu üzrə üst-üstə düşməsini nəzərdən keçirəcəyik. Defolt olaraq, əgər iki element bir-birinin üzərinə düşürsə, onda HTML kodunda aşağıda olan element yuxarıda olacaq.
Gəlin bir nümunəyə baxaq. Tutaq ki, bizim bir-birinin üzərinə düşəcək şəkildə absolut pozisionlaşdırılmış iki elementimiz var. Belə bir halda, HTML kodunda aşağıda olan element yuxarıda olacaq:
<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;
}
: