我想创建一个我将在弹出窗口后面使用的叠加层。但是当页面向下滚动时,叠加层不再存在?我可以使用javascript来获取页面内容的高度,然后可以将相同的高度应用于叠加层,但是有没有基于CSS的解决方案?
#overlay{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background-color:#000;
opacity: .75
}
答案 0 :(得分:4)
只需将position
属性更改为fixed
。
答案 1 :(得分:0)
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
试试看,我不确定它是否适用于除背景之外的任何东西,但值得一试!