顯示“看不見”和“模態”對話框-javascript，jQuery

Question

我想在javascript中顯示“看不見的”“模態”對話框。 這聽起來很奇怪，但是我想要“模態”對話框的效果，即使背景無法控制且陰影顏色變暗。 但是，我不想顯示對話框彈出窗口。 因此，我想是否可以通過顯示“看不見”，“模態”對話框來做到這一點。 這可能嗎？

我找不到類似的問題和對話框的良好屬性，可以執行我想要的操作。

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
        });
    });
});