“显示”；“看不见的”&&引用；“模态”；对话框-javascript，jQuery

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

---

我找不到类似的问题&dialog的良好属性可以满足我的要求。

您可以通过添加一个div（即页面的高度和宽度）并将其放置在顶部来实现这一点，而无需创建模式：

$（函数（）{
$（'#overlayBtn'）。在（'click'，函数（）{
$（“正文”）。追加（“”）；
$（“#覆盖”）.height（$（文档）.height（））
.css({
“不透明度”：0.4，
'位置'：'绝对'，
“顶部”：0，
“左”：0，
“背景色”：“黑色”，
“宽度”：“100%”，
“z指数”：5000
});
});
});

你可以制作一个覆盖整个页面的透明元素。但是，如果我这样做，我会觉得整个页面都变成了白色？？我想做一些事情，比如在整个页面上添加阴影覆盖。而且，“不可控”对于透明化非常重要。无法控制是什么意思？对不起，我明白了。所以，也许我可以用“叠加”。“无法控制”意味着如果我们弹出“模式”对话框，用户不能点击阴影屏幕后面的一些按钮。

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