设置height:100% 意思就是浏览器窗口的一个高度 也就是你设置的body:100%的高度 如果你页面里面的内容超过了浏览器窗口显示的范围 也就是出现了滚动条的话,那你拉动滚动条的话下面就会出现没有被遮罩的部分。
解决办法,通过js在实时更改遮盖层的大小就可以了
如果用的Jquery
$("#...").css({ "width": $(document).width(), "height": $(document).height() });
如果是js
var 遮罩=document.getElementByID("");
遮罩.style.width=document.documentElement.clientWidth|document.body.clientWidth+"px";
遮罩.style.height=document.documentElement.clientHeight|document.body.clientHeight+"px";