jQuery 屏幕遮罩

1.先做一个可以覆盖整个屏幕的div，颜色为黑色，然后再设置透明度，作为遮罩
#zhezhao {

            position: absolute;

            top: 0px;

            left: 0px;

            width: 100%;

            height: 100%;

            background-color: black;

            opacity: 0.1;//以下三项是各种浏览器的透明度，可进行更改

            filter: alpha(opacity=10);

            -moz-opacity: 0.1;

            display: none;//一上来默认是隐藏的，通过js事件进行显示隐藏

            z-index:;//遮罩要高于所有的，给他设置一个大一点的值，但是如果弹窗遮罩，弹窗要高于遮罩，把弹窗的z-index属性设置大于遮罩即可

        }

2.在JQuery事件中设置遮罩的显示与隐藏
$(document).ready(function () {

            $("#btn1").click(function () {

                var hig_body = $('body').outerHeight();//获取body的高度

                var hig_ex = window.innerHeight;//获取浏览器高度

                if (hig_body < hig_ex) {

                    hig_body = hig_ex;

                }

                $("#zhezhao").css('display', 'block').css('height',hig_body);