Question

我面临着大胆弹出的问题 - 当透明PNG打开时，透明部分是灰色的。我搜索了解决方案但没有成功。将img.mfp img背景颜色更改为白色时，它会发生变化，但会显示白色，这对我不利。我需要像整个背景一样 - 黑色，不透明度0.01（如果我没有记错的话）......我没有改变CSS或JS中与Magnific popup相关的任何相关代码。有人可以帮忙吗？谢谢你前进

解决：

我发现，问题是图片背后的“阴影图像”，所以如果这对任何人都有帮助，只需更改.mfp-figure的代码：在CSS之后我把它改成了它，它就像一个魅力：）

.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:#444444; 
opacity: 0;

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 */
}

Magnific popup透明png为灰色

1 个答案: