Si aún no lo sabe, puede echar un vistazo a este simple ejemplo a continuación.
La copia del código es la siguiente:
<html>
<Evista>
<title> Después de que aparece una ventana, la capa posterior no está operativa </title>
<script>
función show () // show capa oculta y capa emergente
{
var hideObj = document.getElementById ("Hidebg");
hearbg.style.display = "bloque"; // Mostrar capa oculta
hearebg.style.height = document.body.clientheight+"px"; // Establecer la altura de la capa oculta a la altura de la página actual
document.getElementById ("Hidebox"). style.display = "bloque"; // Mostrar la capa emergente
}
function hide () // Eliminar capas ocultas y capas emergentes
{
document.getElementById ("Hidebg"). style.display = "Ninguno";
document.getElementById ("Hidebox"). style.display = "Ninguno";
}
</script>
<estilo>
cuerpo {margen: 0px; padding: 0px; text-align: centro;}
#hidebg {posición: absoluto; izquierda: 0px; top: 0px;
Color de fondo:#000;
Ancho: 100%; /*El ancho se establece en 100%, de modo que la capa de fondo oculta puede cubrir la página original*/
Filtro: alfa (opacidad = 60); /*Establecer transparencia a 60%*/
Opacidad: 0.6; /*Establecer transparencia al 60% en el navegador no II*/
Pantalla: ninguno; / * //www.vevb.com */
Índice z: 2;}
#hideBox {posición: absoluto; ancho: 400px; altura: 300px; arriba: 200px; izquierda: 30%; color de fondo: #ffff; display: none; cursor: pointer; z-index: 3;}
#content {Text-Align: Center; Cursor: Pointer; Z-Index: 1;}
</style>
</ablo>
<Body>
<div id = "hilebg"> </div>
<div id = "hidebox" onClick = "hide ();"> Haga clic para cerrar </div>
<div id = "Content" onClick = "show ();"> Haga clic para intentar </div>
</body>
</html>