请在这里查看,然后单击“打开”按钮。
.darkClass
{
background-color: white;
filter:alpha(opacity=90); /* IE */
opacity: 0.9; /* Safari, Opera */
-moz-opacity:0.9; /* FireFox */
z-index: 2000;
height: 100%;
width: 100%;
background-repeat:no-repeat;
background-position:center;
position: absolute;
top: 0;
left: 0;
}
您会看到overlay div可以按需要覆盖整个屏幕,但是当我滚动时,它并没有像预期的那样随着滚动而移动。
我希望看到灰色的叠加层随着滚动而移动。
我在CSS方面缺少什么?
您应该使用position: fixed
而不是position: absolute
。
它将相对于浏览器窗口而不是相对于其第一个定位(非静态)祖先元素定位元素。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句