слой поверх содержимого страницы

berkut

Новичок
слой поверх содержимого страницы

подскажите как реализуется такая штука: на странице вылетает по центру "слой", как-бы поверх страницы, в нём какое-либо содержимое, при этом все элементы страницы недоступны.. или киньте ссылку на сайт, где есть такая штука. видел как-то на сайте, в такой штуке вылетала реклама, а сайт теперь не вспомню
 

ZigFreeD

Новичок
Элементарно ватсон...
Накладывается прозрачный див по размеру страницы... причем не просто прозрачный, а с прозрачной картинкой (gif) 1 px например... вешается например на z-index:100
а серху вешаешь еще один див на z-index:150 например... и в нем делаешь начинку...
Толкьо учти... что "
все элементы страницы недоступны
" на самом деле все досупно если попробуешь работать не мышкой а клавой.. например tab :)

ну вот так например:
PHP:
<div id="bg" style="width:100%;height:100%;z-index: 100;position: absolute;top: 0px;left: 0px;">
<img src="bg.gif" alt=""/>
</div>
<div id="layer" style="width:200px;height:100px;z-index: 200;position: absolute;top: 100px;left: 20px;">
Начинка
</div>
должно работаь :) не проверял :) но в общем суть понятна
 

berkut

Новичок
поэксперементирую. я изначально пробывал сделать то-же самое, но когда впихивал div z-index, height=100%, он тупо "раздвигал" содержимое страницы
 

ZigFreeD

Новичок
berkut
ну можно размеры задать под размер страницы.. точнее рабочей области экрана... только нужно сделать автообновление размеров при ресайзе...я делал... все работало
 
Сверху