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;
    }