背景 x 重复负边距重叠

Question

实际上是我关于堆栈的第一个问题:)

我试图在重复背景上获得负（右）边距，这样重复图像之间就不会出现间隙。

似乎没有 CSS 语法来实现这一点。

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

页面截图

Answer 1

您可以将多个背景应用于一个元素，那么为什么不使用该背景图像两次并具有不同的水平偏移呢？

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

PS 像 cookie 这样的东西叫做 kruidnoten。尽管每个人都称其为pepernoten，但事实并非如此。