bootstrap css - 如何在不影响背景的情况下制作模态对话框模态

Question

在bootstrap css中,可以显示模态对话框,但我希望能够使其成为模态,这样后面的UI不会响应,而不显示深黑色背景.

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

Answer 1

添加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">

Answer 2

摆脱背景:

模态启动后

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

只需触发下面的代码

 $('.modal-backdrop').removeClass("modal-backdrop");    

Answer 3

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

$('#modal').modal({
  backdrop: false
})

Answer 4

我更喜欢隐藏背景，这样您仍然可以通过单击模式来隐藏它。

.modal-backdrop { opacity: 0 !important; }