Здравствуйте!
Мне на сайте нужно сделать прелоадер (картинка, на ней надпись "Подождите пожалуйста..."). При этом, пока на экране прелоадер, подгружаемые на страницу элементы должны быть недоступны. Я создал слой:
и стили
который теоретически должен перекрывать всё содержимое во время загрузки. НО, это не работает. В IE подгружаемые элементы всё равно остаются доступны, в Firefox слой подгрузки вообще не отображается, а в Opera недоступна только видимая часть страницы, всё, что ниже - доступно. Как бы так вывернуться, чтобы работало везде? Заранее спасибо.
Мне на сайте нужно сделать прелоадер (картинка, на ней надпись "Подождите пожалуйста..."). При этом, пока на экране прелоадер, подгружаемые на страницу элементы должны быть недоступны. Я создал слой:
Код:
<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;
}