Bootstrap 4模态不透明度

时间:2017-09-29 09:08:49

标签: html css bootstrap-modal bootstrap-4

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

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

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

1 个答案:

答案 0 :(得分:3)

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

node process id: 145, uuid: 123BC1D1-D4B5-28AC-CCA9-2FAB7864485B
Attempting connection to the class server at localhost:11111

.modal-backdrop.show { opacity: 0.8; } 是包含背景不透明度的类。