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 自动拉伸?