Z-Index in CSS

Quando gli elementi vengono posizionati, possono sovrapporsi ad altri elementi.

La proprietà z-index specifica l’ordine dello stack di un elemento (quale elemento dovrebbe essere posto davanti o dietro gli altri).

Un elemento può avere un ordine dello stack positivo o negativo:

h1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
}
h2 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}
h3 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}