用jquery实现overlay遮罩层

/*
模态遮罩层单例对象
opacity:背景透明度
1. show()
2. close()
*/
Q.Overlay = function(opacity) {
    var self = this;
    self._createDiv = function() {

        if (self._overlay) return;
        self._overlay = $("<div></div>");

        var overlayCss = {
            'width': '100%',
            'min-height': '100%',
            'position': 'fixed',
            'top': 0,
            'left': 0,
            'z-index': Q.Overlay.zindex,
            'background': '#ccc',
            'text-align': 'center',
            'opacity': opacity
        };

        if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
            overlayCss.position = "absolute";
            overlayCss.height = Q.dom.pageHeight();
        }
        self._overlay.css(overlayCss);
        $(document.body).append(self._overlay);
    };
    self.show = function() {
        self._createDiv();
        Q.Overlay.zindex++;
        self._overlay.show();
    };
    self.close = function() {
        self._overlay.hide();
        self._overlay.remove();
        self._overlay = undefined;
    };
}
Q.Overlay.zindex = 1000;