Sovrapposizione degli elementi lungo l'asse Z in CSS
In questa lezione esamineremo la sovrapposizione degli elementi lungo l'asse Z. Per impostazione predefinita, se due elementi si sovrappongono, quello che apparirà in primo piano sarà l'elemento che si trova più in basso nel codice HTML.
Diamo un'occhiata a un esempio. Supponiamo di avere due elementi, posizionati in modo assoluto in modo da sovrapporsi l'uno all'altro. In questo caso, l'elemento che apparirà in primo piano sarà quello che si trova più in basso nel codice 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;
}
:
