Como funciona la propiedad z-index

La propìedad z-index sólo funciona con objetos que tengan la propiedad position seteada como relative, fixed o absolute.
Funciona dandole a los objetos un nivel de sobreposicion, como si fuera un mazo de cartas. si tenemos varios div, estos se mostraran por orden numerico mayor el numero primero se muestra.

Ejemplo

//El div1 se muestra mas abajo de todos
#div1 {
position: absolute;
left: 100px;
top: 100px;
z-index: 1;
}

#div2 {
position: absolute;
left: 115px;
top: 115px;
z-index: 2;
}

#div3 {
position: absolute;
left: 130px;
top: 130px;
z-index: 3;
}