從我的css文件中找不到背景圖像

我的css文件位置htdoc/anyFolder/css/style.css和圖像文件夾文件位置 htdoc/anyFolder/image/search.png。我在css文件中使用了背景圖像規則，如background-image: url("/image/search.png"); 但我找不到圖像。瀏覽器查找http://localhost/image/search.png，同時它應該查找http://localhost/anyFolder/image/search.png。哪裏有問題。我試過從我的css文件中找不到背景圖像

background-image: url("../image/search.png"); 

background-image: url("/../image/search.png"); 

background-image: url("./../image/search.png");

沒有這項工作。找不到問題出在哪裏。它取決於包含css文件的位置。

2015-04-20 Md. Yusuf

將其更改爲'background-image：url（「/ anyFolder/image/search.png）;' – 9Deuce

anyFolder/image/search.png和/anyFolder/image/search.png不起作用。這樣就不會取決於任何文件夾名稱 –

'這些工作都不是' - 你爲什麼這麼認爲？在最後3個選項中，你能告訴我們瀏覽器在哪裏看起來像你說的第一個選項嗎？ –

如果你的路徑是 htdoc/anyFolder/css/style.css和 htdoc/anyFolder/image/search.png

這應該工作：

background-image: url("../image/search.png");

這也應該工作：

background-image: url("/anyFolder/image/search.png");

但你說他們沒有。您應該檢查文件和文件夾的名稱是否正確，以及HTML上是否有base元素，因爲它可能會更改瀏覽器查找文件的路徑。

2015-04-20 18:55:36

我試過了，但瀏覽器總是在http：//localhost/image/search.png中搜索 –

如果更改路徑並且瀏覽器仍然在相同路徑中查找，可能是緩存問題。嘗試清理緩存。 –

你的意思是「HTML上的基本元素」？無法得到它:( –

這取決於在哪裏包括css文件。

是的。你的圖像的路徑是相對於你的CSS文件的位置。

只需使用：

background-image: url("../anyFolder/image/search.png");

2015-04-20 18:42:15 Dagriel

對不起，它不起作用我的問題是，這取決於在哪裏包含css文件？ –

是的。你的圖像的路徑是相對於你的css文件。如果你的路徑以「../」開頭，如果你的路徑以「/」開頭，你使用的是絕對路徑 – Dagriel

它總是搜索http：//localhost/image/search.png :(:( –

回答