我的 Tumblr 网站在移动设备上而不是桌面上的透明 PNG 后面显示白色，我该如何解决这个问题？

如何解决我的 Tumblr 网站在移动设备上而不是桌面上的透明 PNG 后面显示白色，我该如何解决这个问题？

我是编码新手，只有 HTML 和 CSS 的基本知识。我目前正在尝试修改我制作的 Tumblr 以使用自定义 HTML 和 CSS 显示我的作品，但我的手机出现问题，无法正确显示我的 PNG 透明胶片。我已经找了一段时间了，还没有看到这样的问题。

这是我的 Tumblr 的链接：https://usercolby.com/

如果您查看桌面上的帖子，会发现透明胶片效果很好。但是，如果您在手机上访问我的链接，则带有透明胶片的帖子的背景是白色的。我不知道这是 PNG 问题还是某种带有白色背景的 div，只能在移动设备上看到。

See comparison here

这也是我用来去除桌面上的白色帖子背景的自定义 CSS：

.post-wrapper {
    **background: transparent;**
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-background-clip: padding-Box;
    -moz-background-clip: padding-Box;
    background-clip: padding-Box;
    border: 1px solid #eee;
    border: transparent;
}

移动设备上的白色背景似乎来自除此之外的其他 div，我尝试找到围绕图像的所有其他 div 并添加 background: transparent; 或 background: none;，但似乎没有任何效果.

这是我在 stackoverflow 上的第一篇文章，所以我不知道我提供的信息是否足够，如果您需要其他任何信息，请告诉我。

非常感谢

解决方法

你有：

@media screen and (max-device-width: 568px)
.photo figure img {
    /* background: #fff; */
    width: 100%;
}

对于小于 568 像素的屏幕，将背景颜色设置为白色。我在控制台中删除了它并修复了它。

,

在发布这个问题 10 分钟后修复它-_-

我在查看帖子时随机发现了另一个元素

.photo .high-res img {
    width: 100%;
}

改成

.photo .high-res img {
    background: none;
    width: 100%;
}

不知何故这奏效了？

非常感谢回答问题的人