css 放大弹出窗口透明png为灰色

am46iovg 于 2023-03-20 发布在其他

关注(0)|答案(2)|浏览(155)

我面临的问题与放大弹出窗口-当透明的PNG打开，透明部分是灰色的。我已经寻找解决方案，但没有成功。虽然改变img.mfp img背景颜色为白色它的变化，但它显示白色，这对我不好。我需要有它就像整个背景-黑色与不透明度0.01（如果我没有记错的话）...我没有修改任何CSS或JS中与弹出窗口相关的代码。有人能帮忙吗？谢谢转发

css

来源：https://stackoverflow.com/questions/31410299/magnific-popup-transparent-png-as-grey

2条答案

按热度按时间

gpnt7bae1#

要在弹出图像下添加白色背景，我使用以下代码

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

赞(0）回复(0）举报 2023-03-20

j0pj023g2#

这会有帮助的。

img.mfp-img {
    background-color: white;
    background-clip: content-box;
}

赞(0）回复(0）举报 2023-03-20

我来回答

css 放大弹出窗口透明png为灰色

2条答案

相关问题

热门标签

最新问答