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

标签 html css

<分区>

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

最佳答案

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

关于html - 即使向下滚动也让 div 覆盖整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29747662/

上一篇:javascript - 删除鼠标悬停时的 Css 类

下一篇:html - 如何根据html中页面的特定位置更改输入字段的高度和宽度?

相关文章:

html - 修改 block 内的元素——修饰符正确

html - css中背景图片的响应问题

css - 溢出 :hidden does not work in Safari

html - 页脚不会到页面底部?

javascript - 单击菜单项时关闭 jQuery 响应式菜单?

html - 发生溢出时将图片放入水平滚动的表格单元格中

JavaScript如何让这个html读取这个CSS并将我的脚本组织到表中

javascript - 提交按钮的 onclick 事件中的 SetTimeout() 函数不起作用

javascript - header 中的 Google 标记管理器脚本不允许更改 href

html - 基于 div 缩放图像