2013-06-24 57 views
3

我想將背景應用於整個頁面。當我向CSS添加代碼時,什麼也沒有發生,但是當我用HTML編寫一些文本時,只有部分文本背後的部分被繪製成我之前在CSS中設置的顏色。Zurb Foundation全身背景

我使用的是Sass,當我排除app.css時,一切都正常(因爲Foundation被排除在外)。

這裏是我的CSS

/* line 5, ../sass/master.scss */ 
body { 
    background: url("../img/bg.png"); 
} 

/* line 8, ../sass/master.scss */ 
header { 
background: black; 
} 

任何人都知道解決辦法嗎?

+0

你想要的是'background-size:100%100%'。它會用你的圖像填滿屏幕。更多信息在http://www.w3schools.com/cssref/css3_pr_background-size.asp – tiagojpdias

+0

@tiagojpdias它不工作。這裏是Chrome中的截圖:http://i.imgur.com/EAH8TC8.png 我認爲路徑是問題,但路徑是好的。另外,當我在上放置背景時,它就可以工作。 – davidcl7

回答

7

嘗試html, body { height: 100%; }

+0

它的工作,謝謝! – davidcl7

+0

不要忘記upvote並接受答案。 –