jquery - 即使滚动条可见，也使绝对 div 高度为 100%

Question

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();

效果:

现在一切之上都有一层。因此用户无法再与该网站进行交互。

问题:

当由于内容过多而出现滚动条时，图层实际上不会像您在图像中看到的那样拉伸(stretch)高度。

如何使绝对 div 自动拉伸(stretch)？

Answer 1

................................................

您好，现在不要使用宽度或高度，现在用于定位固定

像这样

.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;
}