Elementen stapelen langs de Z-as in CSS
In deze les bekijken we het stapelen van elementen langs de Z-as. Standaard, als twee elementen op elkaar gestapeld worden, zal het element dat lager in de HTML code staat bovenop komen te liggen.
Laten we een voorbeeld bekijken. Stel we hebben twee elementen, absoluit gepositioneerd zodat ze op elkaar gestapeld worden. In dat geval zal het element dat lager in de HTML code staat bovenop liggen:
<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;
}
:
