Как добавить наложенный DIV для покрытия существующего DIV (с использованием JQuery)? - программирование
Подтвердить что ты не робот

Как добавить наложенный DIV для покрытия существующего DIV (с использованием JQuery)?

У меня есть "контейнер" DIV, который может иметь все возможные стили CSS, такие как: margin, padding, border и другое положение (фиксированное, относительное, абсолютное).

Я хочу показать значок загрузки над "контейнером" DIV и запретить пользователю управлять любым элементом управления в "контейнере" DIV.

<div class="container">
 A lot of content here ...
</div>

Как добавить оверлейный DIV (с использованием JQuery), который охватывает всю видимую область "контейнер" DIV (область поля не должна быть покрыта)?

С уважением, Зак

4b9b3361

ОТВЕТЫ

Ответ 1

Если ничего не изменить в CSS, то:

$("<div />").css({
    position: "absolute",
    width: "100%",
    height: "100%",
    left: 0,
    top: 0,
    zIndex: 1000000,  // to be on the safe side
    background: "url(/img/loading.gif) no-repeat 50% 50%"
}).appendTo($(".container").css("position", "relative"));

DEMO: http://jsfiddle.net/jKfTC/