重叠的背景 x-repeat 负边距答案

【问题标题】：Background x-repeat negative margin for overlap重叠的背景 x-repeat 负边距
【发布时间】：2015-11-08 11:12:22
【问题描述】：

其实我在堆栈上的第一个问题:)

我试图在我的重复背景上获得负（右）边距，因此重复图像之间不会有间隙。

这似乎没有 css 语法。

为了清楚起见，我在下面添加了一张图片。所以我试图让类似 cookie 的东西的重复图像重叠，这样它们之间就没有间隙了。

screenshot of the page

【问题讨论】：

Jep 这不能用 css 完成，但如果你给每个图像一个元素，你可能会真正让它工作。那么有很多可能性来实现这一点。无论如何修改图像将是我猜的最佳解决方案。

标签： css background margins

【解决方案1】：

您可以为一个元素应用多个背景，那么为什么不使用此背景图像两次，使用不同的水平偏移量。

body {
  min-height:170px;
  background:
    url('http://i.stack.imgur.com/jKAKB.png') 0 100% repeat-x,
    url('http://i.stack.imgur.com/jKAKB.png') 75px 100% repeat-x;
}

PS 类似 cookie 的东西被称为 kruidnoten。尽管每个人都称 then pepernoten，但实际上并非如此。

【讨论】：

谢谢，这就是我正在寻找的解决方法。我的客户对他们网站上的 kruidnoten 非常满意。格罗滕！