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

Question

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

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

演示