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

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;
}

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