圖片存在，但我有這個在我的CSS文件不顯示爲背景

：圖片存在，但我有這個在我的CSS文件不顯示爲背景

body {style.css (line 3) 
background:#CDF8FF url(images/final_bg.jpg) no-repeat scroll center top; 
clear:both; 
font-family:Arial,Helvetica,sans-serif; 
margin:0; 
padding:0; 
}

即圖像存在，因爲我可以通過瀏覽器訪問它，但它永遠不會顯示給我！哪裏不對？

我使用螢火蟲來查看它是否存在，每當我將鼠標放在它上面時，螢火蟲只顯示一個加載圖標來表明它不存在。

感謝任何人可以清除這種困惑。

順便說一句，我已經清理了幾次我的緩存！我在我的Fedora Linux機器上使用Firefox。

來源

2009-07-10 Abs

如果您使用樣式表相對URI，你需要讓他們相對於樣式表的URI。

所以，如果你的樣式表是/css/style.css，你需要使用../images/final_bg.jpg正確地引用/images/final_bg.jpg（或您使用的絕對URI路徑/images/final_bg.jpg）。

來源

2009-07-10 19:55:05 Gumbo

這是一個相對URL。它應該是/images/final_bg.jpg？

看看你的Web服務器的訪問日誌，看看有什麼要求。

此外，在Firebug的，看看網絡流量 - 你看到你所期望的請求，併成功響應（200）

編輯：糾正根據大衛的評論

來源

2009-07-10 19:51:33

由於我們不知道樣式表的網址，因此我們無法知道這是圖像的正確URL。 – Quentin 2009-07-10 19:53:08

10k upvote是我的！ – dfa 2009-07-10 19:56:24

呵呵？該圖像具有絕對網址 - 您可以在任何地方使用該網址。我相信它是相對於頁面而不是樣式表。 – 2009-07-10 19:57:26

賠率是在指定的圖片並不存在。

一個常見的錯誤是將一個HTML文檔：

http://example.com/foo.html

用樣式表在

http://example.com/css/style.css

引用的圖像在

http://example.com/css/images/final_bg.jpg

，但實際上是把圖像在

http://example.com/images/final_bg.jpg

樣式表中的URL與樣式表相關，而不是引用該樣式表的文檔。

移動圖像，或改變它的URL（開始與/在上面的例子）

來源

2009-07-10 19:52:35 Quentin

嘗試使用絕對路徑，特別是如果你的CSS是在外部樣式表。

url(/images/final_bg.jpg)

如果不行試試加上引號

url('images/final_bg.jpg')

希望這有助於！

來源

2009-07-10 19:54:18 Patcouch22

我打賭../images/final_bg。JPG：

background:#CDF8FF url(../images/final_bg.jpg) no-repeat scroll center top;

來源

2009-07-10 19:54:52 dfa

-1

你需要把引號內的路徑：

background:#CDF8FF url('images/final_bg.jpg') no-repeat scroll center top;

來源

2009-07-10 19:54:57

圖片存在，但我有這個在我的CSS文件不顯示爲背景

回答

相關問題