将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">

若要去掉背景：
模态启动后
$('#XXX').modal({show:true});
只需触发下面的代码

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

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

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

我更喜欢只隐藏背景，这样你仍然有这个功能，点击模态隐藏它。

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

如果我没猜错，您应该可以通过调用以下命令来完成此操作：

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

然后更改背景类的CSS，就可以了。

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

只需将css样式用作

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

对于您希望在应用中显示的每个模态，所有模态背景都将消失。

在bootstrap 5中，属性为data-bs-backdrop
例如：

<div class="modal" tabindex="-1" role="dialog" aria-hidden="true" data-bs-backdrop="false">