2017-09-29 21 views
0

私はブートストラップ4ベータを使用しており、モーダルが表示されているときに背景を暗くしたいと考えています。私はちょうどCSSクラスを追加しなければならなかった投稿を見た。ブートストラップ4モーダル不透明度

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

私のCSSファイルに。彼らは、divにクラスを追加する必要はなく、単にCSSファイルの中に追加する必要があると書いています。だから私はそれを追加するだけで、それは何も起こりません。私は、私のモーダルdivにもクラスを追加すると、すべての不透明度、モーダル自体を取得します。誰かがそれを修正する方法を知っていますか?

答えて

1

モーダルの現在のCSSクラスを上書きして更新するだけです。

.modal-backdrop.show { 
    opacity: 0.8; 
} 

.showは、背景の不透明度を含むクラスです。

+0

私は.inを.showに置き換えましたが、結果は同じです。 – Koder

+0

CSSも上書きする必要があります。 – Roberrrt

+0

上書きするとどういう意味ですか?私はCSSファイルの中に置き換えました – Koder

関連する問題