ubiquitour.com

Cómo poner un DIV transparente encima de un DIV

La característica de "absoluta" de CSS le permite asignar mediante programación una ubicación para los contenedores div. Que los contenedores div de la capa y coloque uno encima del otro. Un div transparente encima de otra div muestra sólo el div en la parte inferior, porque el div superior no tiene sólido color. Un div transparente le permite ocultar dinámicamente y mostrar contenido en el div de abajo.

Instrucciones

1 Haga clic derecho en el archivo HTML que desea editar. "Abrir con", haga clic en su programa editor de HTML en la lista de accesos directos.

2 Crear el div de abajo. El código siguiente muestra cómo hacer que un div que se encuentra en la esquina superior izquierda del navegador del usuario:

< div id = "bottomdiv" style = "posición: absoluto; izquierda: 20px; Top: 20px "> mi contenido inferior < / div >

3 Crear el div transparente y colocar en la misma ubicación que el "bottomdiv" creado en el paso 2:

< div id = "topdiv" style = "posición: absoluto; izquierda: 20px; Top: 20px; Filter:Alpha(Opacity=0) "> mi contenido superior < / div >

El estilo de "opacidad" a "0" crea un div transparente.