html - 如何在CSS中使用repeat-x值完成每个重复背景图像后摆脱白色垂直笔划？

Question

不太确定为什么会发生这种情况，但是如果我将我的身体背景图像设置为 repeat-x 的值，它会很好地重复，但会在每个重复的图像之后添加这个白色笔触。有人能告诉我这是为什么吗？我以前从未遇到过这种情况。下面你可以看到我的 CSS。

body {
font-family: Verdana, Helvetica;
margin: 0;
padding: 0;
background: url("themes/base/images/tausta2.png") repeat-x;
color: black;
}

Answer 1

问题在于您的源图像。如果您仔细观察，这其中有第二个渐变（上下以及左右）：

Answer 2

你的图像渐变左边更白，右边更暗

使用 1px 宽度的背景图片来纠正这个错误：