图像顶部的 CSS 背景大小的细黑线

Posted 2023-03-06

【中文标题】图像顶部的 CSS 背景大小的细黑线

【英文标题】：CSS background-size thin black lines on top of images

【发布时间】：2022-01-06 23:50:53

【问题描述】：

我在 Chrome 和 Safari 之间调整图像大小时遇到​​问题。在我们的网上商店 (www.85online.de) 上，我在产品网格中的一些图像上看到了这些细黑线。 enter image description here

我发现问题是由 Chrome 中的“background-size:cover”引起的。当我将值更改为“background-size: 100%”时，这些行会消失，但现在它们会出现在 Safari 中。

有人遇到同样的问题吗？我该如何解决这个问题？

【问题讨论】：

您好，欢迎来到 SO。请将相关代码添加为MRE，以便我们更好地查看问题。

【参考方案1】：

这是background-image的问题，你的background-image默认重复，所以你需要添加CSS

.cmp-product-thumb .thumb-image .container-image 
    background-repeat: no-repeat;