javascript - 华丽的弹出式透明 png 为灰色

Question

我遇到了 magnific 弹出窗口的问题 - 当透明 PNG 打开时，透明部分是灰色的。我一直在寻找解决方案但没有成功。在将 img.mfp img 背景颜色更改为白色时，它发生了变化，但显示的是白色，这对我不利。我需要它就像整个背景一样 - 黑色，不透明度为 0.01(如果我没记错的话)...我没有更改 CSS 或 JS 中与 Magnific 弹出窗口相关的任何相关代码。谁能帮忙？感谢转发

Answer 1

我使用这段代码在弹出图像下添加白色背景

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: rgba(255, 255, 255, 1); /* white background */
}