La propiedad z-index, de CSS, nos ayudará a determinar qué elementos se superponen con los otros. Variando el valor de dicha propiedad, daremos el orden a la superposición de los elementos, a menor valor, mayor profundidad de superposición.
Por ejemplo tenemos dos div en el que hay dos imágenes, una con CSSBLOG y la otra con su icono. El icono, que tiene un z-index de un 1, aparecerá detrás de CSSBlog, que tiene un z-index de un 2, como vemos en la imagen:
Código HTML
<div id="logo"></div> <div id="cssblog"></div>
Código CSS
Fijaros en la diferencia del valor z-index en cada ID, en uno es 1, y en el otro es 2 (el que está superpuesto).
#logo { position:absolute; top:150px; left:150; z-index:1; } #CSSBLOG { position:absolute; top:200px; left:200; z-index:2; }
Ejemplo de su funcionamiento
Podemos ver el ejemplo de su funcionamiento aquí: