Hola:
La verdad es que no es nada difícil de implementar
En principio debes considerar si quieres que se preserve el espacio o no... también el tipo de posicionamiento...
Si la capa debe superponerse al contenido global, deberías definirla con los estilos position: absolute, y una ubicación y tamaño precisos... por ejemplo:
#capa {
position: absolute;
top: 100px;
left: 100px;
width: 300px;
height: 200px;
visibility: hidden;
}
Luego deberías implementar un par de funciones para mostrar y ocultar la "capa":
function mostrar(id) {
document.getElementById(id).style.visibility = "visible";
}
... para ocultar, lo mismo pero en vez de "visible", "hidden"...
Luego en la imagen/botón el evento: onclick="mostrar('capa')"
... y dentro de la capa (deberás acomodar los elementos a tu gusto)... un botón que ponga:
onclick="ocultar('capa')"
Inténtalo, y si te trabas, no dudes en preguntar.
Saludos
