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: 10000000;//遮罩要高于所有的，给他设置一个大一点的值，但是如果弹窗遮罩，弹窗要高于遮罩，把弹窗的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);