Cómo colocar un DIV transparente encima de otro DIV

Por jim campbell
Utilizar un DIV transparente te permite ocultar y mostrar el contenido dinámicamente dentro de tu DIV inferior.
Jupiterimages/Brand X Pictures/Getty Images

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:

Mi contenido de la parte inferior

Paso 3

Crea el DIV ttransparente y colocarlo en el mismo lugar que el "bottomdiv" creado en el paso 2:

Mi contenido de la parte superior

El estilo "opacity" en "0" crea un DIV transparente.