Elementu uzlikšana pa Z asi CSS
Šajā nodarbībā mēs apskatīsim elementu uzlikšanu pa Z asi. Pēc noklusējuma, ja divi elementi tiek uzlikti viens otram, tad augstāk būs tas elements, kas atrodas zemāk HTML kodā.
Apskatīsimies ar piemēru. Pieņemsim, ka mums ir divi elementi, absolūti pozicionēti tā, lai tie pārklājas viens otram. Šādā gadījumā augstāk būs tas elements, kas atrodas zemāk HTML kodā:
<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;
}
:
