2009-12-19 289 views
1

有人可以告訴我爲什麼背景圖像不顯示在我的PHP代碼。不顯示背景圖像

#wrap-iframe{ 
    background-image: url(bg_01.gif); 
    background-repeat: no-repeat; 
    border:0 none; 
    min-width:760px; 
    min-height: 700px; 
} 

這是我的CSS。 div盒完美地顯示。圖片網址是正確的。如果我通過標籤包含圖像,它就會顯示出來。

我不是這個壞CSS ... :-(

回答

7

注意,圖像路徑必須是相對於樣式表。如果你的樣式表是在不同的目錄頁面,則必須調整路徑在

相應url(),你可以用鼠標右鍵單擊該DIV在Firefox中,點擊「顯示背景圖片」,它會帶你到Firefox是尋找圖像的URL,你可以看到它是否是正確與否。

+0

你是一個生命的救星...:d – amit 2009-12-19 23:02:38

1

我建議使用「絕對」路徑,以正斜槓開始並描述HTML根前進的路徑S,即/images/bg_01.gif將解析爲http://yourdomain.com/images/bg_01.gif

我始終把引號一輪的文件名也一樣,儘管他們可能不是100%必要的是:

background-image: url("/images/bg_01.gif"); 
+0

作爲無處不在,只有當路徑中有空格時,才需要引號。 – BalusC 2009-12-19 23:04:22

+0

是的,你是對的BalusC。海事組織是這樣的情況之一:如果你忘記特殊情況,就像字體一樣,隨時都使用引號會更好。 – DisgruntledGoat 2009-12-21 17:47:08