引导3模式的背景是黑色的

Question

我用bootstrap`s在我的网站和背景不透明度模态1.我可以在我的.css文件中添加

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

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

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

但如何删除此div？它只出现在其他页面上的产品页面上，它工作正常。

Answer 1

重要应该重写内嵌样式：https://css-tricks.com/override-inline-styles-with-css/

在你的榜样你虽然缺少一个空格。

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

更新

我假设模式，背景是不上接近

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