即使滚动条可见，也要使绝对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();

效果：

现在有一层高于一切。因此用户无法再与网站进行互动。

问题：

当滚动条因内容很多而出现时，该图层实际上不会像您在图像中看到的那样在高度上拉伸。

如何自动进行绝对div拉伸？

Answer 1

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

嗨现在不使用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;
}

Answer 2

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