背景重複將導致圖像以奇怪的方式重複

我正試圖創建一個會重複自己的身體背景圖像。可悲的是圖像重複奇怪的是，你可以在下面的網站上看到：Link to the background image 背景重複將導致圖像以奇怪的方式重複

我的CSS代碼如下所示：

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

什麼我做錯了什麼，圖像會重複本方式：

來源

2016-08-30 pr0b

這是唯一的形象問題。嘗試獲得更好的形象。它不是對稱圖像 –

圖像的上部與底部不同。 – pol

@HerrSerker在這裏不需要那種性質的諷刺。 [很好]（http://stackoverflow.com/help/be-nice） – BDawg

圖像的上部比底部不同。

你應該使用一個非常小的圖像，並重復這一點。
類似這樣的：http://i.imgur.com/jrgPqrD.png

使用data/uri而不是圖像可能會更明智，這種方式您不必託管它。

下面是一個例子，按您的形象：Demo on jsfiddle

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

來源

2016-08-30 14:07:11 pol

謝謝，這是完美的！ – pr0b

背景重複將導致圖像以奇怪的方式重複

回答

相關問題