即使在向下滚动之后，也可以让div覆盖整个页面

Question

我有一个名为'alert'的div，其使用方式与javascript alert()函数相同。它覆盖整个页面，直到您向下滚动，然后不包括以前不可见的页面部分。有没有办法覆盖整个页面而不仅仅是可见的视口？ NB。我不想使用position:fixed。这demo证明了我的意思。谢谢。

#alert{
    position:absolute;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%;
    background-color:rgba(187,201,247,0.5);
    z-index:3;
    text-align:center;
    font-size:20px;
}

Answer 1

<强> CSS

html,body{
    position:relative;
}

#text{
    height:1000px;
}
#alert{
    position:absolute;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%;
    background-color:rgba(187,201,247,0.5);
    z-index:3;
    text-align:center;
    font-size:20px;
}

DEMO