即使滾動條可見，也使絕對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;
}