Здравствуйте!
Мне на сайте нужно сделать прелоадер (картинка, на ней надпись "Подождите пожалуйста..."). При этом, пока на экране прелоадер, подгружаемые на страницу элементы должны быть недоступны. Я создал слой:
Код:
<div id="loading">
<div class="loadingDiv">Подождите пожалуйста...</div>
</div>
и стили
Код:
.loading {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1;
overflow:hidden;
}
.loadingDiv{
position:absolute;
top:50%;
left:50%;
text-align:center;
font-family:Arial;
background-color:#FFFFFF;
font-size:10px;
margin:0 0 5px 0;
}
который теоретически должен перекрывать всё содержимое во время загрузки. НО, это не работает. В IE подгружаемые элементы всё равно остаются доступны, в Firefox слой подгрузки вообще не отображается, а в Opera недоступна только видимая часть страницы, всё, что ниже - доступно. Как бы так вывернуться, чтобы работало везде? Заранее спасибо.