背景圖像不工作外部css

我正在與頭標籤中的CSS項目工作。我現在把它作爲一個外部文件鏈接起來，所有的東西都是風格的，但它沒有引入背景圖片。文件結構是相同的，除了CSS是在一個css文件夾中，並且圖片仍然在圖片文件夾中。有任何想法嗎？這裏是什麼樣子背景圖像不工作外部css

background:url(pics/alexlogo1.png); 0 0 no-repeat;

我也試過

background:url(/pics/alexlogo1.png); 0 0 no-repeat;

和

background:url(.../pics/alexlogo1.png); 0 0 no-repeat;

但我似乎無法得到它的工作在一個外部CSS文件時但是它在頭標籤中工作正常。

提前

當你在一個CSS文件中的風格非常感謝，那麼URL是相對的CSS文件，而不是使用它的頁面。

你應該用兩個時期獲得的水平降下來，不是三：

background:url(../pics/alexlogo1.png) 0 0 no-repeat;

（此外，url()後沒有分號，當你有更多的背景設置）

其他有建議在URL周圍添加引號，但URL不需要這樣簡單。根據the specification，引號（或撇號）是可選的，只有當URL包含特殊字符時才需要引號（或撇號），否則這些字符會破壞CSS語法。

2013-05-01 08:37:08 Guffa

嘗試放在引號路徑，像這樣：

background:url("/pics/alexlogo1.png") 0 0 no-repeat;

注意這將導航到文件夾pics，這個文件夾是在同一目錄中css文件。這意味着你需要做的：

background:url("../pics/alexlogo1.png") 0 0 no-repeat;

爲了離開css folder與..與/pics進入pics文件夾。

實施例： C：\ CSS \ style.css文件和C：\圖片\ alexlogo1.png

C:\css\style.css 
    .. -> C:\ 
    /pics -> C:\pics` 
    /alexlogo1.png -> C:\pics\alexlogo1.png

2013-05-01 08:37:31 Aquillo

您好，感謝回答這麼快。 – user1910388 2013-05-01 10:18:08

@ user1910388不客氣。由於您是新手，可能不知道這一點，如果有任何答案能正確回答您的問題，請點擊投票標記下面的標記接受此問題。這有助於未來的讀者找到問題的最佳答案。 – Aquillo 2013-05-01 10:19:28

background:url("../pics/alexlogo1.png") 0 0 no-repeat;

只使用..（兩個週期）爲相對URL。

2013-05-01 08:37:48

嘿，你有一個語法錯誤！

去除;後)

background:url(.../pics/alexlogo1.png); 0 0 no-repeat;

它應該是這樣的

background:url(.../pics/alexlogo1.png) 0 0 no-repeat;

2013-05-01 09:05:12 Subash

回答