2010-11-08 13 views
0

我有一個名爲項目在我的桌面和文件夾內的文件夾我有一個名爲index.html的文件和名爲包含所有圖像的圖像的文件夾。當我嘗試調用背景:url(「images/shadow1.PNG」)repeat-y;它似乎沒有工作出於某種原因,任何人有任何想法爲什麼?當文件夾內調用CSS背景重複不工作

如果我把文件放在我的桌面上的索引和圖像文件夾,並嘗試運行後臺:url(shadow1.PNG)repeat-y;它工作得很好。

希望有道理,關於如何解決這個問題的任何信息和代碼示例會很好。

謝謝!

+2

只要它的地址正確,圖像文件應該沒有區別。請顯示更多代碼。另請嘗試在Firebug中確認是否向PNG發送了請求。 – 2010-11-08 15:47:18

+0

你使用什麼瀏覽器? – 2010-11-08 15:47:26

+0

佩卡有這個權利。這只是一個路徑問題。 – NotMe 2010-11-08 15:50:11

回答

2

在CSS文件中使用../改變background: url("images/shadow1.PNG")background: url("../images/shadow1.PNG")

它返回到根文件夾(項目),然後輸入圖像文件夾中找到的圖像。

1

添加Sotiris答案。 CSS從它自己的位置開始查找文件。這意味着您必須從CSS'目錄導航到圖像。例如:你的圖像駐留在/ trunk/images和css在/ files/css(我不會建議這些文件夾名稱),你將不得不將2個目錄放回到/ trunk/images目錄中:

.something 
{ 
    background: url(../../trunk/images/image.png) 0 0 no-repeat; 
}