Cómo colocar un DIV transparente encima de otro DIV (En 3 Pasos)

La propiedad "absolute" de CSS te permite asignar por programación una ubicación para los contenedores DIV. Puedes crear capas con tus contenedores DIV y colocar uno encimo de otro. Un DIV transparente encima de otro mostrará solamente el DIV inferior, puesto que el superior no tiene un color sólido. Utilizar un DIV transparente te permite ocultar y mostrar el contenido dinámicamente dentro de tu DIV inferior.
Paso 1
Haz clic con el botón derecho sobre el archivo HTML que quieres editar. Haz clic en "Abrir con", y después pulsa sobre el programa del editor HTML en la lista de accesos directos.
Paso 2
Crea un DIV inferior. El código siguiente demuestra cómo crear un DIV que quede colocado en la esquina superior izquierda del navegador del usuario:
Paso 3
Crea el DIV ttransparente y colocarlo en el mismo lugar que el "bottomdiv" creado en el paso 2:
El estilo "opacity" en "0" crea un DIV transparente.