web-dev-qa-db-ja.com

Bootstrap 3モーダルオーバーレイの背景色とアニメーション

Bootstrap 3を使用してモーダルウィンドウを表示すると、背景色を変更する際に問題が発生します。

理想的には、もっと黒くして不透明度を少し下げたいのですが、ここにあるボックスをクリックすると、

http://roblb.devour.org/march2014/index%20copy.html

また、モーダルが滑り落ちるのを防ぐにはどうすればよいですか?フェードインしたいだけですか?ここでいくつかの項目を見ましたが、実際にはどれもこれに答えていません...

ありがとう

ロブ

6
Akirob

背景色を変更するには、次を使用できます。

.modal-backdrop {
  background-color: #0000ff;
}

またはクラスに分ける:

.modal-blue .modal-backdrop {
  background-color: #0000ff;
}

.modal-white .modal-backdrop {
  background-color: #ffffff;
}

次に、クラスをdivに追加します。

<div class="modal fade modal-white" ... >
  <div class="modal-dialog">
      ...
  </div>
</div>

スライドダウンを停止するには、「フェード」クラスを削除します。

この助けを願って、

よろしく。

13
Cairo

簡単な解決策は、デフォルトをオーバーライドすることです。使用するだけです:

.fade.in {
   background: #000; // or whatever you like
}
2
claudios

私が使用した:

.modal {
  background-color:black;
}

そしてそれはうまくいった。

0