即使在向下滚动后也让 div 覆盖整个页面 [重复]答案

【问题标题】：get div to cover whole page even after scrolling down [duplicate]即使在向下滚动后也让 div 覆盖整个页面 [重复]
【发布时间】：2015-04-20 12:17:18
【问题描述】：

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

【问题讨论】：

添加到父级position:relative - body{position:relative}

标签： html css

【解决方案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

【讨论】：