允许div覆盖整个页面，而不是容器内的区域
允许div覆盖整个页面，而不是容器内的区域
提问于 2013-09-03 17:36:31
我正在尝试让一个半透明的div覆盖整个屏幕。我试过这个：
#dimScreen
{
width: 100%;
height: 100%;
background:rgba(255,255,255,0.5);
}但这并不能覆盖整个屏幕，它只覆盖了div中的区域。
回答 6
Stack Overflow用户
发布于 2016-09-12 08:35:06
这将会起作用！
div {
height: 100vh;
width: 100vw;
}Stack Overflow用户
发布于 2013-09-10 15:26:54
使用position:fixed这样你的div将会持续的覆盖整个可视区域..
为div创建一个类overlay，并在CSS中创建以下规则
.overlay{
opacity:0.8;
background-color:#ccc;
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:1000;
}Stack Overflow用户
发布于 2013-09-03 17:40:52
#dimScreen{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18588835
复制相关文章
相似问题