背景图像重复之后/之前的空白区域

Question

我正在使用background-repeat:repeat-x;水平重复背景图片，但我注意到在早期图像之后和下一张图像之前有一个空格。

如何摆脱这个白色空间？

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

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

Answer 1

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

Answer 2

使用Chome Developer Tool，您可以看到您的SVG文件比PNG版本大一个像素。 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;