Lo z-index in CSS è una proprietà che permette di controllare l’ordinamento degli elementi su un asse tridimensionale, piuttosto che l’ordinamento normale di destra a sinistra, alto-basso. Questo comportamento viene spesso utilizzato per posizionare elementi “sopra” o “sotto” altri elementi.
La proprietà z-index è utilizzabile esclusivamente con elementi a cui è stata assegnata una proprietà di posizionamento (relative, absolute, fixed o sticky).
Ecco un esempio di come si potrebbe utilizzare la proprietà z-index in CSS:
```
.elemento1 {
position: absolute;
z-index: 1;
}
.elemento2 {
position: absolute;
z-index: 2;
}
```
In questo esempio, l’`.elemento2` apparirà sopra l’`.elemento1` perché ha un valore di z-index superiore. Gli elementi con un valore di z-index più alto appariranno sempre sopra gli elementi con un valore di z-index più basso.
Se due elementi hanno lo stesso valore di z-index, o se nessuno di loro ha un valore di z-index specificato, l’elemento che viene dopo nell’ordine del codice HTML apparirà sopra.
Ricorda che z-index funziona solo su elementi che hanno una proprietà di posizione (position) diversa da static, che è il valore predefinito.
