В этой статье описывается метод высказывания центрального полупрозрачного слоя Div с центром с помощью JS+CSS. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> JS+CSS выявляет центрированный фоновый полупрозрачный Div Layer </title>
<стиль типа = "text/css">
Body {margin: 0px;}
#bg {ширина: 100%; высота: 100%; сверху: 0px; слева: 0px; положение: абсолютное; фильтр: альфа (непрозрачность = 50); непрозрачность: 0,5; Фон:#000000; дисплей: нет;}
#popbox {позиция: абсолютная; ширина: 400px; Высота: 400px; Слева: 50%; Верх: 50%; Полевая: -200px 0 0 -200px; дисплей: нет; Предпосылки:#666666;}
</style>
<script type = "text/javascript">
function pupopen () {
document.getElementbyId ("bg"). style.display = "block";
document.getElementbyId ("Popbox"). Style.Display = "block";
}
функция pupclose () {
document.getElementbyId ("bg"). style.display = "none";
document.getElementbyId ("Popbox"). style.display = "none";
}
</script>
</head>
<тело>
</br>
Уровень всплывающего окна CSS, или всплывающее окно, имеет полупрозрачную фона всплывающего окна, очень подходит для входа в систему, регистрации пользователей и объявлений. </br> IE и FF, OP может оба ~ всплывающее окно, фон полупрозрачный </br>
Принцип: два слоя, один имеет высоту и ширину 100%, а другой - конкретное содержание окна, которое вы хотите вспять. в не используйте непрозрачность: 0,60;
</br> </br> <a href = "#" onclick = "pupopen ()"> Нажмите здесь, чтобы открыть окно </a>
<div id = "bg"> </div>
<div id = "popbox"> два слоя, один имеет высоту и ширину 100%, а другой - конкретное содержание окна, которое вы хотите всплыть. Прозрачный прозрачный используется в IE: Filter: Alpha (непрозрачность = 60); в не используйте непрозрачность: 0,60;
<br>
<br>
<br>
<a href = "#" onclick = "pupclose ()"> Нажмите, чтобы закрыть окно </a>
</div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.