Twitter bootstrap 3 Bootstrap 3模式叠加背景色和动画

当使用Bootstrap3显示模式窗口时，我在更改背景颜色时遇到一些问题

理想情况下，我希望它是一个更多的黑色和色调的不透明一点，但当你点击位于这里的框

还有-如何阻止模态向下滑动？我只是想让它淡入淡出？我在这里看到了一些项目，但没有一个真正回答这个问题

谢谢

---

Rob

要更改背景颜色，可以使用以下选项：

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

...

要停止向下滑动，请删除“淡入”类

希望这有帮助,

问候。

我用过：

.modal {
  background-color:black;
}

---

它成功了。

简单的补救办法是覆盖默认值。 只需使用：

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

---

我刚刚发现，如果我为以下样式添加颜色。模式{background color:black；}设置背景色。然而，我仍然被模态向下滑动所困扰。。。

We can also try below pattern. 

    .modal-content
    {
       background-color: #331a00;
       color: #b3c6ff;
    }

    .modal-content h5{  
       color: #ffcc00;
    }

    .close{
       color: #cf3834;
    }

    .modal-content button{
       background-color: #ffcc00;
       color: #cf3834;
    }