图像周围出现奇怪的边框

Question

我的 wordpress 网站上有一些照片，例如圆圈中的这个十字在图像周围有一个奇怪的边框，但仅限于某些分辨率（例如宽度：1506）。我尝试检查元素，但那里没有 CSS 边框。不知何故，在特定分辨率下，由于某种原因，许多图像周围都会出现此边框，我似乎无法找出原因，因为没有任何 CSS 说明应该出现此边框。

还在 Computed 上查看了这个 img 的开发工具，它说 border:0;我自己也将其设置为 0，但仍然出现。

任何帮助将不胜感激！

Answer 1

找到答案了。我有一个 .webp 图像，它大部分是透明的，背景设置为紫色。在某些分辨率下，该框与背景颜色一起出现。我采取的解决方案是将 webp 直接设为紫色并将其另存为 png 并替换旧的。