<b>para ocultar las capas??</b>
---> eso ya lo tienes, solo tienes que jugar con las funciones, para poder ocultar las diferentes capas que crees.
<b>como haces para superponer capas??</b>
---> z-index, es un atributo de css, por asi decirlo, este nos permite, mmmm, dar privilegios o mas bien dicho decir quien va primero y quien va despues, por ejemplo:
si tenemos 2 capas;
Código PHP:
<div style="position:relative;top:10;left:10;z-index:1"></div><div style="position:relative;top:10;left:10;z-index:2"></div>
el que tendra el privilio de sobreponerse sera el iz-index 2, y asi sucecivamente.
y para poner cada capa en su lugar??
---> amiga mia, lo hemos visto todo el tiempo, con top, y left, tu posicionaras cada capa, segun tu decidas donde aparecera, pero, hay dos formas como ya te lo habia comentado, ABSOLUTE, RELATIVE.
ABSOLUTE: el objeto se posicionara apartir de la parte superior izquierda del marco del navegador, independientemente si hay mas objetos, o si el codigo de tu capa este dentro de una celda, lo que sea, esta tomora como base el marco, para posicionarse.
RELATIVE: relative toma en cuenta apartir de donde la pongas, si lo pones dentro de una tabla, o una celda especifica, esta tomara como base esta (segun el top y left que tu le allas dado), digamos que es como una imagen, si tu la pones dentro de una celda, se quedara ahi, pero con este atrivuto puedes posicionar dentro de donde este.
ahora ya sabes las diferencias entre ambos atributos, el posicionamiento ya lo sabes, por desde un principio que mostraste tu code, ya lo tenias en posicion :s, y respcto a como sobreponer, ya te lo explique.
siguele y nos dices si quedo o no.
Saludos !