javascript - 在保留白色的同时在白色上使用不透明度

Question

我一直在尝试在模态上应用不透明度，它工作得很好，除了一旦你应用不透明度，它就会变得有点灰色（见附图）

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

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

Answer 1

默认情况下，Bootstrap modalmodal-backdrop在页面末尾使用 a

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

其样式如下：

opacity: 0.5;
background-color: #000000;

如果你把这个添加到你的 CSS 中：

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

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

Answer 2

把你的背景颜色变成白色。