Se você ainda não sabe, pode dar uma olhada neste exemplo simples abaixo.
A cópia do código é a seguinte:
<html>
<head>
<título> Após uma janela aparece, a camada subsequente não está operacional </ititle>
<Cript>
função show () // mostra camada oculta e camada pop-up
{
var hideobj = document.getElementById ("hidebg");
hidebg.style.display = "bloco"; // mostra camada oculta
hidebg.style.Height = document.body.clientHeight+"px"; // Defina a altura da camada oculta para a altura atual da página
document.getElementById ("hideBox"). style.display = "bloco"; // mostra a camada pop-up
}
function hide () // remove camadas ocultas e camadas pop-up
{
document.getElementById ("hidebg"). style.display = "nenhum";
document.getElementById ("hideBox"). style.display = "nenhum";
}
</script>
<estilo>
corpo {margem: 0px; preenchimento: 0px; text-align: Center;}
#hidebg {posição: absoluto; esquerda: 0px; top: 0px;
Background-Color:#000;
largura: 100%; /*A largura é definida como 100%, para que a camada de fundo oculta possa cobrir a página original*/
filtro: alfa (opacidade = 60); /*Defina a transparência como 60%*/
Opacidade: 0,6; /*Defina a transparência para 60% no navegador que não
Exibir: Nenhum; / * //www.vevb.com */
Z-Index: 2;}
#hidebox {Posição: Absoluto; largura: 400px; altura: 300px; topo: 200px; esquerda: 30%; cor de fundo: #ffff; display: nenhum; cursor: ponteiro; z-index: 3;}
#Content {Text-align: Center; Cursor: Pointer; Z-Index: 1;}
</style>
</head>
<Body>
<div id = "hidebg"> </div>
<div id = "hidebox" onclick = "hide ();"> clique para fechar </div>
<div id = "content" onclick = "show ();"> clique para experimentar </div>
</body>
</html>