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

CSS background-size thin black lines on top of images

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

我发现问题是由Chrome中的“background-size: cover”引起的。当我将值更改为“背景大小:100%”时,这些线条消失了,但现在它们出现在 Safari 中。

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

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

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