如何添加覆盖DIV来覆盖现有的DIV(使用JQuery)？

我有一个“容器”DIV可能具有所有可能的CSS样式,如：边距,填充,边框和不同的位置(固定,相对,绝对).

我想在’container’DIV上面显示一个加载图标,并禁止用户在’container’DIV中操作任何控件.

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

如何添加覆盖整个“容器”DIV可见区域的覆盖DIV(使用JQuery)(边框区域不应被覆盖)？

最好的祝福,
扎克

解决方法

如果没有改变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"));

演示：http://jsfiddle.net/jKfTC/

原文地址：https://www.jb51.cc/css/217367.html