43

在引导 css 中，可以显示一个模态对话框，但我希望能够使其成为模态，因此后面的 UI 不会响应，而不会显示深黑色背景。

似乎没有选项可以让我在 $("#selector").modal() 函数上执行此操作。

4

7 回答 7

183

添加data-backdrop="false"到<div class="modal">，Bootstrap 将完成其余的工作。

例子：

<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
于 2015-06-19T20:29:45.247 回答
21

摆脱背景：

模态启动后

$('#XXX').modal({show:true});

只需触发下面的代码

 $('.modal-backdrop').removeClass("modal-backdrop");
于 2014-02-24T00:48:17.290 回答
17

backdrop: false正确的方法是在创建模态时传递参数

$('#modal').modal({
  backdrop: false
})
于 2018-10-01T18:32:07.423 回答
4

我更喜欢只隐藏背景，以便您仍然具有单击模式以隐藏它的功能。

.modal-backdrop { opacity: 0 !important; }
于 2018-05-24T09:22:09.897 回答
2

如果我是正确的，你应该可以通过调用来做到这一点：

$("#selector").modal({
    backdrop: "static"
});

然后只需更改背景类的 CSS 即可。

于 2012-03-02T20:30:56.097 回答
0

当然，您需要做的就是调整 CSS 以更改黑色背景的不透明度。阻止对底层元素的点击不必可见（除非有一些我不知道的点击劫持保护？）。目标类是 div.modal-backdrop。

于 2011-12-09T13:47:13.543 回答
0

只需使用 css 样式作为

 .modal-backdrop {background: none;}
 .modal{background: none;}

对于您想要在应用程序中显示的每个模态，您的所有模态背景都会消失。

于 2020-01-20T13:25:57.537 回答