javascript - 如何隐藏没有背景的模式弹出窗口？

Question

我正在从 javascript 触发以下模式对话框:

$('#myModal').modal({
    show: true,
    backdrop: false
});

结果:对话框显示，但如果我在弹出窗口之外单击，则不会关闭。

当我设置backdrop: true时，对话框在外部单击时关闭，但是全屏显示并带有暗淡的覆盖层。

怎样才能有一个模式弹出窗口，不改变不透明度覆盖层，但仍然在外部点击时关闭？

Answer 1

您可以将 background-color 添加到 .modal-backdrop 中......

<style>
    .modal-backdrop {
        background-color: transparent;
    }
</style>

<!-- [...] -->

<script>
    // [...]
    $('#myModal').modal({
        show: true
    });
</script>

Plunker link - 演示