2013-11-14 26 views
-1

我有一個圖像,我想設置和重複我的網頁的背景,但無論我多努力嘗試..它只是不會工作!我在一個名爲images的文件夾中有圖像,文件是background.png我的圖像是通過CSS設置爲背景

body { 
    background-image: url('images/background.png'); 
    color: #000305;  
    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
} 

有沒有人有任何想法?

+0

背景圖像是否顯示? –

+0

它不起作用?它不顯示還是不重複? – ZhaoYiLi

+0

您是否檢查過您的Web服務器的錯誤日誌? 'images/background.png'上的權限設置可能不正確。 – dg99

回答

0

如果你想重複背景圖像,這樣做:

body { 
    background: url('images/background.png') repeat; // just add this line 
    color: #000305;  
    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
} 

如果圖像不顯示你原本的代碼時,它必須是一個路徑問題。試試這個作爲你的路徑url(../images/background.png)

+0

非常感謝!這是我需要改變的道路。 –

+0

是否../將它帶回主文件夾或其他東西? –

+0

認爲這可能是問題所在。 :)歡迎來到SO,如果這對你有效,請接受答案。請注意,我在上面添加的「重複」......這會重複您所聽到的圖像。您也可以將repeat重複設置爲'repeat-x',以僅水平重複圖像或'repeat-y'垂直重複圖像。 –

-1

我在裏面放置一個圖像。我把div放在我的HTML中,然後爲這個id添加一個樣式。這種風格看起來像這樣:

#container { 
font-family: "Times New Roman", Times, serif; 
color: #000000; 
background-image: url(image.jpg); 
background-repeat: repeat-x; 
} 

我遠離添加任何東西到標籤,它似乎對我很好。

+0

不是一個好主意,將您的圖像存儲在與CSS相同的文件夾中...將快速變得混亂,我不會走這條路,不好的練習 –

+0

你也指什麼標籤? ? –