Bootstrap 3模态叠加背景色和动画 [英] Bootstrap 3 modal overlay background color and animation

问题描述

使用Bootstrap 3显示模态窗口"时，更改背景颜色时遇到一些问题.

I'm having some issues changing the background color when the Modal Window is displayed using Bootstrap 3.

理想情况下，我希望它是更多的黑色，并稍微降低不透明度，但是当您单击此处的框时；

Ideally I want it to be more of a black and tone down the opacity a bit, but when you click on the boxes located here;

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

也-如何停止模式下降?我只是想让它淡入淡出?我在这里看到了一些项目，但是没有一个项目能真正回答这个问题……

Also - how do I stop the Modal sliding down? I just want it to fade in? I've seen a few items on here, but none of them actually answer this...

谢谢

Rob

推荐答案

要更改背景色，您可以使用以下方法:

To change the backdrop color you can use this:

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

或分成小节:

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

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

，然后将该类添加到您的div中:

and then add the class to your div:

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

要停止向下滑动，请删除淡入淡出"类.

to stop sliding down remove the "fade" class.

希望获得帮助，

致谢.

这篇关于Bootstrap 3模态叠加背景色和动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！