模式打开时更改背景的不透明度（Bootstrap 4）

Question

我需要更改特定模态 #vmodal 的背景不透明度，我不想更改其他模态的不透明度。

这是我尝试过的，但它并没有改变任何东西......

#vmodal .modal-backdrop.show {
    opacity: 0.85;
}

如果我删除#vmodal，它会更改所有模态，而不仅仅是这个特定的模态。

Answer 1

你的背景应用程序必须有一个 div，并且你的模态不能包含在这个中。 喜欢

<div id="main-apps"> ......
</div>
<div id="vmodal"> ......
</div>

当你打开你的模态时，运行这个 javascript ：

$('#main-apps').css({'opacity': 0.5,'z-index': 5,'pointer-events': 'none' });

当你关闭模态时

$('#main-apps').css({'opacity': 1,'z-index': 'auto','pointer-events': 'all' });