Elementų sluoksniavimas išilgai Z ašies CSS
Šioje pamokoje nagrinėsime elementų sluoksniavimą išilgai Z ašies. Pagal nutylėjimą, jei du elementai užklumpa vienas kitą, tai viršuje bus tas elementas, kuris HTML kode yra žemiau.
Pažiūrėkime pavyzdžiu. Tarkime, kad turime du elementus, absoliučiai pozicionuotus taip, kad jie užklotų vienas kitą. Tokiu atveju viršuje bus tas elementas, kuris HTML kode yra žemiau:
<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;
}
:
