1.不能把遮罩层效果直接加在body元素上,因为body里的元素都是在body之上,不管给body设置z-index有多大都不管用,按照始终都在遮罩层撒谎那个吗,所以要在body上面盖一个空div,这个div跟body一样大小,在这个div上加遮罩效果。
2.遮罩层的宽高一定要取document.documentElement.scrollHeight 和document.documentElement.clientHeight两者中的最大值,因为这样当出现滚动条的时候,滚动条的区域也会有遮罩层,否则就是百度,横向的也是同理。
Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight)
代码如下:
https://github.com/enggirl/demo/blob/master/javascript/w3cfun/overlay(zhezhaoceng)/overlay_me.html