用css封面覆盖页面时停止背景滚动？

Question

有人可以告诉我，我正在使用封面在页面加载时创建（白色）遮光效果，下面是我正在使用的CSS。有没有办法可以阻止鼠标滚动能够在后台上下移动页面？

#cover {
display:none;
position:absolute;
z-index:999999;
left:0px;
top:0px;
width:100%;
height:2648px;
background-color:#fff;
filter:alpha(Opacity=50);
opacity:0.7;
-moz-opacity:0.7;
-khtml-opacity:0.7
}

Answer 1

解决方案可能是添加“overflow：hidden;”在页面加载时，你的身体，并在页面加载时删除它。

Answer 2

问题是你正在使用高度：2648px当然比大多数屏幕高，因此创建了滚动。

您可以使用

解决此问题

<强> CSS

#cover {height:100%;}

溢出方法

#cover {overflow:none;}

另外我不确定为什么高度为2648px，但如果您的宽高比问题是溢出或高度：100％使用 media queries 来修复设备有问题。