Suprapunerea elementelor pe axa Z în CSS
În această lecție vom analiza suprapunerea elementelor pe axa Z. În mod implicit, dacă două elemente se suprapun, atunci deasupra va fi acel element care este poziționat mai jos în codul HTML.
Să ne uităm la un exemplu. Să presupunem că avem două elemente, poziționate absolut astfel încât să se suprapună. În acest caz, deasupra va fi acel element care este poziționat mai jos în codul HTML:
<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;
}
:
