在白色上使用不透明度，同时保留白色

Question

我一直试图在一个模态上应用不透明度，这个效果非常好，但是一旦你应用了不透明度，它会变成灰色（见附图）

是否可以应用不透明度并保留白色，使其看起来像这样：

我一直试图通过添加白色背景图像并使用过滤器来做到这一点，但它似乎没有做到这一点

Answer 1

默认情况下，Bootstrap模式在页面末尾使用modal-backdrop

<div class="modal-backdrop fade in"></div>

的样式如下：

opacity: 0.5;
background-color: #000000;

如果你把它添加到你的css：

.backdrop-modal {
    background-color: #fff;
}

这会使你的模态背景变白。

Answer 2

将背景颜色变为白色。