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

Question

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

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

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

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

ありがとう

ロブ

Answer 1

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

.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>

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

この助けを願って、

よろしく。

Answer 2

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

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

Answer 3

私が使用した：

.modal {
  background-color:black;
}

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