5

我想创建一个将在弹出窗口后面使用的叠加层。但是当页面向下滚动时，覆盖就不再存在了吗？我可以使用 javascript 来获取页面内容的高度，然后可以将相同的高度应用于覆盖，但是有任何基于 css 的解决方案吗？

#overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
   top: 0px;
   background-color:#000;
   opacity: .75
}
4

2 回答 2

8

position必须fixed并且为了防止堆叠问题z-index: 9999999;
在 dabblet.com 上添加演示

#overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color:#000;
    opacity: .75;
    z-index: 9999999;
}
于 2012-06-08T08:17:45.273 回答
7

只需将position属性更改为fixed.

于 2012-06-08T08:16:27.070 回答