Блокировка подгружаемых элементов содержимого

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем realmadrid, 16 фев 2008.

  1. realmadrid

    realmadrid Гость

    Здравствуйте!
    Мне на сайте нужно сделать прелоадер (картинка, на ней надпись "Подождите пожалуйста..."). При этом, пока на экране прелоадер, подгружаемые на страницу элементы должны быть недоступны. Я создал слой:
    Код (Text):
    <div id="loading">
    <div class="loadingDiv">Подождите пожалуйста...</div>
    </div>
    и стили
    Код (Text):
    .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 недоступна только видимая часть страницы, всё, что ниже - доступно. Как бы так вывернуться, чтобы работало везде? Заранее спасибо.
     
  2. Vovochka

    Vovochka Гость

Загрузка...
Похожие Темы - Блокировка подгружаемых элементов
  1. PuffDaddy87
    Ответов:
    0
    Просмотров:
    1.380
  2. k85
    Ответов:
    3
    Просмотров:
    1.170
  3. Сстранник
    Ответов:
    2
    Просмотров:
    1.920
  4. beloff
    Ответов:
    26
    Просмотров:
    4.692
  5. Lariel
    Ответов:
    3
    Просмотров:
    2.952

Поделиться этой страницей