2017-07-17 55 views
0

試圖用repeat-y沿着兩側重複這個鏈條圍欄,並且我有另一個圖片在這裏也重複得很好......我在做什麼錯了這不會重複?我怎樣才能重複鏈條圍欄的背景圖片

網站 http://www51.myfantasyleague.com/2017/home/32545#0

body { 
background-attachment: fixed; 
background-color: #1a1a1a; 
background-image: url("http://www.dagrafixdesigns.com/Images/2008/DA_2017/zCasey_25540/bars1.png"), url("http://dagrafixdesigns.com/Images/2008/DA_2017/zWB_17/bg_1.jpg"); 
background-position: 50% 0%, center top; 
background-repeat: repeat-y, repeat; 
color: #ccc; 
font: 400 11pt "Oswald",sans-serif; 
height: 1200px; 
margin: 0 auto; 
width: 100%; 

}

謝謝!

+0

您正在測試哪個瀏覽器? https://stackoverflow.com/questions/423172/can-i-have-multiple-background-images-using-css –

+0

firefox ...但在鉻中顯示相同...頂部圍欄圖像不重複下來 –

+2

你的圍欄有1920x1080分辨率。我認爲這很重要,對吧?削減不必要的高度。 – Huelfe

回答

2

這是因爲你的模式文件不正確。圖案文件在圖案周圍具有非常大的空白區域,並且該空白區域也是「重複的」。

Link to the pattern image from your own website

因此,您必須在圖形編輯器刪除這些空格,如Photoshop。

+0

解決了thx @victor –