Para que nos sirve el z-index en css

Atributo z-index
Sirve para indicar la posición sobre el eje z que tendrán las distintas capas de la página. Dicho de otra forma, con z-index podemos decir qué capas se verán encima o debajo de otras, en caso de que estén superpuestas. El atributo z-index toma valores numéricos y a mayor z-index, más arriba se verá la página.

es facil utilizarlo tan solo en el estilo de div ponemos el valos del z-index por ejemplo:

1

<div style="z-index:10;"</div>

O tambien si queremos que la capa este posicionado por ensima de todo podemos poner.

1

<div style="z-index:999999;"</div>