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

問題はソース画像にあります。よく見ると、これには2番目のグラデーション（上下と左右）があります。

Answer 2

画像のグラデーションは、左が白く、右が暗くなります。

この間違いを修正するには、1px幅の背景画像を使用します。