CSS - Livelli
CSS ti dà l'opportunità di creare livelli di varie divisioni. I livelli CSS si riferiscono all'applicazione della proprietà z-index agli elementi che si sovrappongono tra loro.
La proprietà z-index viene utilizzata insieme alla proprietà position per creare un effetto di livelli. Puoi specificare quale elemento deve essere posizionato in alto e quale in basso.
Una proprietà z-index può aiutarti a creare layout di pagine web più complessi. Di seguito è riportato l'esempio che mostra come creare livelli in CSS.
<html>
<head>
</head>
<body>
<div style = "background-color:red;
width:300px;
height:100px;
position:relative;
top:10px;
left:80px;
z-index:2">
</div>
<div style = "background-color:yellow;
width:300px;
height:100px;
position:relative;
top:-60px;
left:35px;
z-index:1;">
</div>
<div style = "background-color:green;
width:300px;
height:100px;
position:relative;
top:-220px;
left:120px;
z-index:3;">
</div>
</body>
</html>Produrrà il seguente risultato: