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

Question

我有一个名为“alert”的 div，它的使用方式与 javascriptalert()函数相同。它覆盖整个页面，直到您向下滚动，然后不覆盖之前不可见的页面部分。有没有办法覆盖整个页面而不仅仅是可见的视口？注意。我不想使用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;
}

演示