引导模态背景黑色答案

【问题标题】：bootstrap modal background black引导模态背景黑色
【发布时间】：2015-01-18 23:09:40
【问题描述】：

当我打开模式时，背景变成黑色，而不是不透明度为 0.5 或其他东西。

我能做些什么来解决这个问题？我使用引导程序 3.2

这里有一些 CSS：

.fade.in {
opacity: 1;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}

我在 .fade.in 中将不透明度更改为 0.5，它可以工作，但模态本身是透明的！

【问题讨论】：

所有浏览器都会出现这种情况吗？你能发布你的 CSS 吗？
默认情况下应该可以正常工作。同意，浏览器？检查 .modal-backdrop.in 上的不透明度规则是否被任何东西覆盖。
@AaronJones 是的，它正在工作，但是当我更改了一些代码时，它就像这样
@AaronJones 你是对的我覆盖了 .modal-backdrop.in

标签： html css twitter-bootstrap-3

【解决方案1】：

对于引导程序版本 3，.fade.in 不透明度应设置为 1，当启动模式时，.modal-backdrop.in 应设置为 .5，至少这是用于 OOTB 引导程序的代码。

【讨论】：