バックグラウンドリピートは、画像が奇妙な方法で繰り返す原因となります。

Question

自分自身を繰り返すボディー背景画像を作成しようとしています。奇妙な方法で、悲しいことに画像を繰り返し、あなたは次のサイトで見ることができるよう：Link to the background image

私のCSSコードは次のようになります。

body { 
    margin: 0px; 
    width: 100%; 
    height: 100%; 
    background-image: url("../img/background.png"); 
    background-repeat: repeat; 
} 

私はイメージがこの中で繰り返してしまうという間違った何をしています方法：

Answer 1

画像の上部が底部よりも異なっています。

非常に小さいイメージを使用し、それを繰り返す必要があります。
このようなもの：http://i.imgur.com/jrgPqrD.png

イメージではなく、データ/ URIを使用する方が賢明かもしれません。この方法で、ホストする必要はありません。

はここにあなたのイメージどおりの例です：Demo on jsfiddle

html { 
 
    height: 100%; 
 
    width: 100%; 
 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAADFBMVEUBupkBlHoBlXoClXqzJdbeAAAAIElEQVQI12NgCGVgnsLAmsAg2sBQzcCwhZEhgZPhgBgALyMEVqftfRkAAAAASUVORK5CYII=); 
 
}