html - Bootstrap 4 模态不透明度

Question

所以我正在使用 Bootstrap 4 Beta 并希望在显示模式时使背景变暗。我看到一个帖子，我只需要添加 css 类

.modal-backdrop.in {
    opacity: 0.5 !important;
    position: fixed;
}

到我的 CSS 文件。他们写道我不需要将类添加到 div，只需将其添加到 CSS 文件中即可。所以如果我只是添加它，它什么也不会发生。如果我然后将该类也添加到我的模态 div 中，所有内容都会变得不透明，甚至是模态本身。有人知道如何解决这个问题吗？

Answer 1

只需通过覆盖它来更新模式的当前 CSS 类。

.modal-backdrop.show {
    opacity: 0.8;
}

.show 是包含背景不透明度的类。