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

Question

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

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

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

Answer 1

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

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