如何在另一个div上添加等待div？
如何在另一个div上添加等待div？
提问于 2017-03-16 17:20:47
<div class="shouldBeOverlapped">
content
</div>现在我想在它上面添加另一个div (例如等待)，这样它将100%覆盖它，并使它不可点击，最好是透明的。该怎么做呢？
回答 3
Stack Overflow用户
发布于 2017-03-16 17:32:48
尝试搜索"overlay“。这将是正确的事情。
示例如下：
#overlay {
height: 100%;
width: 100%;
background-color: black;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
}<div class="shouldBeOverlapped">
content
</div>
<div id="overlay"></div>
Stack Overflow用户
发布于 2017-03-16 17:33:55
您可以尝试将等待的div作为:before。尽管它是有限的，但它可以很容易地设置。
#textToHide {
background: yellow;
position: relative;
width: 300px;
padding: 10px;
}
#textToHide:before {
content: '';
position:absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}<div id="textToHide">
This text is protected against selection... although we could still look for it in the source code...
</div>
Stack Overflow用户
发布于 2017-03-16 17:48:15
您需要一个位置属性设置为relative的包含div元素。这定义了覆盖的边界。如果没有它，overlay将查找DOM，直到它找到可以从中获取定位信息的父对象。如果没有找到，它将覆盖整个页面正文。
我在这里为您创建了一个JSFiddle：https://jsfiddle.net/aogd164t/
尝试从container类中删除position: relative并查看结果。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42829818
复制相关文章
相似问题
腾讯云开发者
