Bootstrap 3模态背景为黑色

Question

我在网站上使用bootstrap的模态，背景不透明度为1。我可以通过添加来更改不透明度

.modal-backdrop.fade.in {
    opacity: 0.7!important;
}

在我的.css文件中。 但是当我关闭模式时，不透明度变为1，然后关闭-看起来很丑。 我了解div中的这种情况，它在显示模式时出现在html文档的底部，

<div class="modal-backdrop fade in" style="opacity: 1;"></div>

但是如何删除这个div？ 而且它仅出现在其他页面的产品页面上，可以正常工作。

Answer 1

！important应该覆盖内联样式： https : //css-tricks.com/override-inline-styles-with-css/

在您的示例中，您缺少空格。

    .modal-backdrop.fade.in {
         opacity: 0.7 !important;
    }

更新资料

我假设模式背景在关闭时没有in类

    .modal-backdrop.fade, .modal-backdrop.fade.in {
         opacity: 0.7 !important;
    }