В этой статье описывается метод реализации всплывающего уровня, охватывающего всю страницу JS и CSS. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Общие стили и структуры для прозрачных фонов в рамке на всплывающем слое следующие:
Кода кода следующая: .AlertMessagebg {
позиция: исправлена;
_position: абсолютно;
Ширина: 100%;
высота: 100%;
слева: 0;
Верх: 0;
Фон:#000;
непрозрачность: 0,5;
-Моз-мобилизация: 0,5;
Фильтр: альфа (непрозрачность = 50);
Z-Index: 97;
дисплей: нет;
}
.alertmessagedivborder {
позиция: исправлена;
_position: абсолютно;
Ширина: 750px;
Высота: 370px;
Слева: 50%;
Верх: 50%;
Маржа: -185px 0 0 -375px;
Фон:#000;
Фильтр: альфа (непрозрачность = 30);
-Моз-мобилизация: 0,3;
непрозрачность: 0,3;
Z-Index: 98;
дисплей: нет;
}
.AlertMessagediv {
позиция: исправлена;
_position: абсолютно;
Ширина: 730px;
Высота: 350px;
Слева: 50%;
Верх: 50%;
Маржа: -175px 0 0 -365px;
Фон: #fff;
Z-Index: 99;
дисплей: нет;
размер шрифта: 14px;
}
<div> </div>
<div> </div>
<div> </div>
Как охватить всю веб-страницу всплывающим планом
1.CSS Метод
Кода кода следующая: .AlertMessagebg {
позиция: исправлена;
_position: абсолютно;
Ширина: 100%;
высота: 100%;
слева: 0;
Верх: 0;
Фон:#000;
непрозрачность: 0,5;
-Моз-мобилизация: 0,5;
Фильтр: альфа (непрозрачность = 50);
Z-Index: 97;
дисплей: нет;
}
2.JS Метод
Кода кода следующая: .AlertMessagebg {
позиция: абсолютно;
Ширина: 100%;
высота: 100%;
слева: 0;
Верх: 0;
Фон:#000;
непрозрачность: 0,5;
-Моз-мобилизация: 0,5;
Фильтр: альфа (непрозрачность = 50);
Z-Index: 97;
дисплей: нет;
}
var bgwidth = document.body.clientwidth + 'px',
bgheight = document.body.clientheight + 'px',
alertbnode = $ ('. alertmessagebg');
alertbgnode.css ({'width': bgwidth, 'height': bgheight});
Сравнивая два вышеупомянутых метода, очевидно, что метод CSS легче в использовании, особенно теперь, когда он не должен быть совместимым с IE6.
Я надеюсь, что эта статья будет полезна для каждого веб-программирования на основе JS.