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

Answer 5

如果我是正确的，你应该可以通过致电：

来做到这一点

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

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

Answer 6

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