微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – 仅覆盖可见屏幕的全屏毯子.如果你向下滚动就没有了

这可能是一个简单的问题,但我似乎无法弄明白.

我正在使用jquery创建一个弹出窗口.单击编辑按钮时,会出现一个弹出窗口,并且毯子覆盖其后面的所有内容,以给出淡出的印象.

我让它正常工作,但背景毯只覆盖可见的屏幕空间.这意味着您可以向下滚动并查看毯子的结束位置.

我试图让它覆盖页面上的所有内容,即使你滚动也看不到的东西.

这是我目前的css,

#blanket {  
 background-color:#111;
 opacity: 0.65;
 filter:alpha(opacity=65);
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:2000}

我怎么能得到它来涵盖一切?

解决方法

更改位置:绝对到位置:固定,以便叠加背景(毯子)不会随页面滚动.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐