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