bootstrap莫代尔背景黑色

Question

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

我该怎么做才能解决这个问题？我使用bootstrap 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中将不透明度改为0.5，但它的效果却很明显！

Answer 1

对于bootstrap版本3，.fade.in不透明度应设置为1，并且当启动模式时，.modal-backdrop.in应设置为.5至少代码为{{1}}正在OOTB bootstrap上使用。