时间戳

首页 > 解决方案 > 模式打开时更改背景的不透明度（Bootstrap 4）

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

问题描述

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

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

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

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

标签： csstwitter-bootstrapbootstrap-4

解决方案

您的后台应用程序必须有一个 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' });

推荐阅读