显示“看不见”＆amp; “模态”对话框 - javascript，jQuery

Question

我想在javascript中显示“看不见的”“模态”对话框。 这听起来很奇怪，但是，我想要“模态”对话的效果，这是为了使背景无法控制和阴影颜色。但是，我不想显示对话框弹出窗口。 所以，我想如果我能通过显示“看不见的”，“模态”对话框来做到这一点。 这可能吗？

我找不到类似的问题＆amp;对话的良好属性，可以做我想要的。

Answer 1

您可以在不创建模态的情况下通过添加div作为页面的高度和宽度并将其放在顶部来执行此操作： http://jsfiddle.net/2cuRX/

$(function () {
    $('#overlayBtn').on('click', function () {
        $("body").append("<div id='overlay'></div>");
        $("#overlay").height($(document).height())
            .css({
            'opacity': 0.4,
                'position': 'absolute',
                'top': 0,
                'left': 0,
                'background-color': 'black',
                'width': '100%',
                'z-index': 5000
        });
    });
});