2014-10-19 59 views
0

我想鑲嵌我做了一個.png文件,在HTML文檔的主體。簡單的背景CSS問題

對於我的生活,我不能找出爲什麼它沒有這樣做。我有本地存儲的圖像,但用於製作碼筆的緣故,我已經上傳到imgur。

http://codepen.io/MartinBort/pen/CbwgJ 相關的代碼開始在CSS

http://i.imgur.com/Jy6hCro.png <的第5行 - 這是圖像

body { 
background-image: url("http://i.imgur.com/Jy6hCro.png") repeat; 
} 

任何想法?

感謝

+1

您的問題是'repeat'背景圖片只能包含'url'你需要使用'背景:'如果你想添加'repeat'或其他東西放在一個屬性 – 2014-10-19 12:54:50

回答

3

使用此

body { 
background: url("http://i.imgur.com/Jy6hCro.png") repeat; 
} 

background-image這個刪除重複並添加其他風格background-repeat:repeat;background-image defaoult重複

body { 
    background-image: url('http://i.imgur.com/Jy6hCro.png'); 
    background-repeat:repeat; 
} 
+0

謝謝。現在的作品完美 – bjurtown 2014-10-19 12:57:22

+0

你的第二個例子不會刪除重複。重複是默認刪除重複,你必須寫'不重複'。 – Shibi 2014-10-19 12:58:41

1

至於其他的答案表明,問題是在backgroung-image屬性repeat字。您無法在圖片屬性中提供重複屬性。如果你想將它們組合起來使用background屬性如:

body { 
    background: url("http://i.imgur.com/Jy6hCro.png") repeat; 
} 

或者,seperately指定,如:

body { 
    background-image: url("http://i.imgur.com/Jy6hCro.png"); 
    background-repeat:repeat; 
} 

希望這有助於!