爲什麼這個CSS不會產生背景圖片？

body{  
background:#fff url('images/testProfile.jpg') no-repeat right top; 
}

我認爲這段代碼應該可以工作，所以請建議有用的調試步驟......例如：如何調整圖像的屬性和位置在極端的方式...爲什麼這個CSS不會產生背景圖片？

我只能想到兩件事：1）緩存問題2）你的圖像不存在。檢查您的樣式表在您的Web文件夾中的位置。 – BoltClock 2011-03-29 22:35:09

謝謝大家，我寫下來的路徑是錯誤的，因爲它相對於樣式表文件夾。一切都很好！ – algorithmicCoder 2011-03-29 22:50:04

嘗試使用ABSOLU te的路徑

body{  
background:#fff url('/images/testProfile.jpg') no-repeat right top; 
}

2011-03-29 22:35:38 Jase

請記住，CSS中的url（）是相對於樣式表而不是頁面。這可能是一個問題。

2011-03-29 22:35:31

最有可能是因爲圖像未找到。查看通過優質瀏覽器的開發工具加載的圖像（如Chrome，Safari或Firefox +螢火蟲）。你應該能夠看到它試圖加載的圖像以及它們的服務器響應。如果它是404，那麼你的圖像路徑錯了。

請記住，圖像網址總是相對於樣式表位置，而不是網頁本身。所以相對路徑可能與你想象的不同。

調試例如

用CSS：body { background: url('foo.png') }

使得Chrome瀏覽器開發工具，這樣說：

enter image description here

2011-03-29 22:35:37

回答