2014-02-14 64 views
0

我的主文件夾中有這個文件夾「學生」,名爲「main」。 我在這個地址「main/student/home.php」中有php文件。 它在這個地址使用CSS「main/config/style.css」。用作背景時圖像不會出現

我想給我的「home.php」圖像,「main/images/1.jpg」圖像。

但是當我在style.css中編寫這個圖片時,圖片不會出現。

這是我的style.css

body { 
    margin: 0; 
    padding: 0; 
    background: #c09854 url(images/img1.jpg) repeat-x; 
    font-family: 'Arvo', serif; 
    font-size: 14px; 
    color: #3B3B3B; 
} 

我真的很困惑這個回合,我該怎麼辦? 「主/圖片/ 1.JPG」和「圖像/ img1.jpg」:

回答

0

在CSS路徑應相對於樣式表文件,以便指定這樣

指定
background: #c09854 url(../images/img1.jpg) repeat-x; 

應該有所幫助。

+0

當在當前文件夾之外引用文件時,「../」會告訴瀏覽器退後一級以查找正確的文件夾。您使用的「../」越多,瀏覽器的搜索範圍越遠。希望這有助於理解答案。 –

2

您應該以以下格式

background:#ffffff url('../images/img_tree.png') no-repeat right top; 
0

你寫不同的URL和文件的名稱給予風格。也許有你的問題?

1

它應該是這樣的:

background: url(main/images/1.jpg) repeat-x #c09854; 

如果不行,試試這個:

background: url(../images/1.jpg) repeat-x #c09854; 
+1

這應該工作,我認爲。 –

0

你能直接加載HTML頁面上的圖像嗎?這將告訴你,如果你的路徑是正確的,圖像存在,權限等

css看起來不錯,所以我假設它的圖像路徑的問題。

你也可以嘗試突破的背景標籤是這樣的:

背景圖像:網址(「圖像/ img1.jpg」); background-repeat:repeat-x;