z-index

La proprietà z-index èutile ai fini del posizionamento di un elemento nella pagina; più precisamente mediante z-index si definisce la profondità di un elemento nel caso diversi elementi occupino la stessa porzione di pagina.

Il valore di z-index può essere:

• auto
• un valore numerico

Gli elementi con z-index maggiore si sovrapporranno agli elementi con z-index minore. La sintassi è la seguente:

div.banner
{
  position: absolute;
  top: 20px;
  left: 20px;
  width: 250px;
  height: 250px;
  z-index: 30;
}

Assumendo il valore 30 il nostro elemento verrà visualizzato sopra ad altri elementi (eventualmente già presenti alle stesse coordinate di pagina) con z-index minore di 30. Il valore di default di z-index è 1.