[英]Make absolute div height 100% even when scrollbar is visible
HTML
<div class="modalPage"style="display:none;"></div>
CSS:
.modalPage{
position:absolute;
width:100%;
height:100%;
background-color:#000000;
filter:alpha(opacity=60);
opacity:0.6;
-moz-opacity:0.6;
z-index:100;
top:0px;
}
JS:
$(".modalPage").toggle();
影响:
现在,一切之上都有一层。 因此,用户无法再与该网站进行交互。
问题:
当滚动条由于内容过多而出现时,该图层实际上不会像您在图像中看到的那样在高度上拉伸。
如何自动使div绝对拉伸?
.................................
您好,现在不使用width
或height
,现在用于fixed
位置
像这样
.modalPage{
position:fixed;
background-color:#000000;
filter:alpha(opacity=60);
opacity:0.6;
-moz-opacity:0.6;
z-index:100;
top: 0;
left:0;
right:0;
bottom:0;
}
.modalPage{
position:fixed;
width:100%;
height:100%;
background-color:#000000;
filter:alpha(opacity=60);
opacity:0.6;
-moz-opacity:0.6;
z-index:100;
top: 0;
left:0;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.