Cómo colocar un DIV transparente encima de otro DIV

Utilizar un DIV transparente te permite ocultar y mostrar el contenido dinámicamente dentro de tu DIV inferior.
Por jim campbell

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:

<div id="bottomdiv" style="position: absolute; left: 20px; top: 20px"> Mi contenido de la parte inferior </div>


Paso 3

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

<div id="topdiv" style="position: absolute; left: 20px; top: 20px; filter:alpha(opacity=0)"> Mi contenido de la parte superior </div>

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