css - 用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

解决方案可能是添加“溢出：隐藏；” 给你的身体，在页面加载时，在页面加载时将其删除。

Answer 2

问题是您使用的 Height:2648px 当然高于大多数屏幕，因此创建了滚动。

您可以通过使用解决此问题

CSS

#cover {height:100%;}

溢出法

#cover {overflow:none;}

另外，我不确定为什么首先高度是 2648px，但是如果您遇到溢出或高度：100% 的纵横比问题，请使用媒体查询来修复有问题的设备。