css - 背景图像重复之前/之前的空白

Question

我background-repeat:repeat-x;用来水平重复背景图像，但我注意到在较早的图像之后和下一个图像之前有一个空白。

我怎样才能摆脱这个空白？

这是发生这种情况的页面：https ://dl.dropboxusercontent.com/u/270523/help/search/new.html

可能必须使浏览器窗口更宽才能看到重复的风景背景图像。

Answer 1

图像文件中的每一面都有一点透明度。裁剪图像。

Answer 2

使用 Chome Developer Tool，您可以看到您的 SVG 文件比 PNG 版本大 1 个像素。SVG 的层次也更高，并且（由于大小差异）与 PNG 的缩放比例不同。尝试裁剪图像或切换图层顺序 -

从

background: url(dawn.png) top left repeat-x;
background: url(dawn.svg) top left repeat-x;

至：

background: url(dawn.svg) top left repeat-x;
background: url(dawn.png) top left repeat-x;