Если вы еще не знаете, вы можете взглянуть на этот простой пример ниже.
Кода -копия выглядит следующим образом:
<html>
<голова>
<Title> После появления окна последующий слой не выполняется </title>
<Скрипт>
Function show () // Показать скрытый слой и всплывающее слой
{
var hideobj = document.getElementbyId ("hidebg");
hidebg.style.display = "block"; // Показать скрытый слой
hidebg.style.height = document.body.clientheight+"px"; // Установить высоту скрытого слоя на текущую высоту страницы
document.getElementbyId ("hidebox"). style.display = "block"; // показать всплывающий слой
}
Функция hide () // Удалить скрытые слои и всплывающие слои
{
document.getElementbyId ("hidebg"). style.display = "none";
document.getelementbyid ("hidebox"). style.display = "none";
}
</script>
<style>
Body {Margin: 0px; Padding: 0px; Text-align: center;}
#hidebg {позиция: абсолют; слева: 0px; top: 0px;
фоновый цвет:#000;
Ширина: 100%; /*Ширина установлена на 100%, так что скрытый фоновый слой может охватывать исходную страницу*/
Фильтр: альфа (непрозрачность = 60); /*Установить прозрачность на 60%*/
непрозрачность: 0,6; /*Установите прозрачность на 60% в браузере, не являющемся в браузере*/
дисплей: нет; / * //www.vevb.com */
z-index: 2;}
#hidebox {положение: абсолютно; ширина: 400px; высота: 300px; top: 200px; слева: 30%; фоновый цвет: #ffff; display: none; cursor: pointer; z-index: 3;}
#content {text-align: center; cursor: pointer; z-index: 1;}
</style>
</head>
<тело>
<div id = "hidebg"> </div>
<div id = "hidebox" onclick = "hide ();"> Нажмите, чтобы закрыть </div>
<div id = "content" onclick = "show ();"> нажмите, чтобы попробовать </div>
</body>
</html>