如何添加覆盖DIV来覆盖现有的DIV (使用JQuery)？
如何添加覆盖DIV来覆盖现有的DIV (使用JQuery)？
提问于 2012-12-07 09:28:08
我有一个‘容器’DIV可能有所有可能的CSS样式，如:边距，填充，边框和不同的位置(固定，相对，绝对)。
我想在“容器”DIV上方显示一个加载图标，并禁止用户操作“容器”DIV中的任何控件。
<div class="container">
A lot of content here ...
</div>如何添加覆盖整个‘容器’DIV可见区域的覆盖DIV (使用JQuery) (边缘区域不能被覆盖)？
致以最好的问候，扎克
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-12-07 09:31:23
如果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"));
$("<div>Loading...</div>").css({
position: "absolute",
width: "100%",
height: "100%",
top: 0,
left: 0,
background: "#ccc"
}).appendTo($(".container").css("position", "relative"));.container {
border: 1px solid;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div class="container">
A lot of content here ...
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13755563
复制相关文章
相似问题