Estilo CSS z-index
Mediante el estilo z-index CSS podemos ordenar los elementos de nuestra página web a nuestro gusto. z-index crea una capa nueva que tiene un nivel o una altura diferente al resto de las capas. Observa el siguiente código:
<div style="position:absolute; top:40px; left:40px; width:300px; height:300px; visibility:visible z-index:1"></div>
Lo primero que observamos es que la capa posee una posición. Y es que estas capas sólo funcionan si se le específica la posición. En este caso es absoluta, pero también podríamos haberla hecha relativa.
También vemos que la capa CSS z-index aplicado a un div tiene un valor, que en este caso es 1. Las capas son apiladas dependiendo del valor que tengan, siempre de mayor a menor. Por ejemplo, una capa con z-indez:2 se apilaría por encima de la capa que vimos anteriormente, que era z-indez:1.
Mira el siguiente ejemplo para aclarar tus dudas.
gracias