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

前端之家收集整理的这篇文章主要介绍了如何添加覆盖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/

猜你在找的CSS相关文章