bootstrap 模态背景黑色

Question

当我打开模态时，背景变成黑色，而不是不透明度为 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 它有效但模态本身是透明的！

Answer 1

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