無法應用CSS爲HTML文檔

Question

我無法在CSS中使用下面的代碼我的HTML文檔中應用背景圖像的身體：

body 
    { 
     text-align:center; 
     background-image:url('C:\wamp\www\marks display\WI71.jpg'); 
    } 

我也搜索了，但我找到了，以上聲明屬實，但無法執行。這是爲什麼發生？

Answer 1

當在網上發佈時，路徑不應映射到驅動器（文件路徑），它應該是一個URL。

應該是這樣background-image:url('http://domainname/71.jpg'); - 圖像的完整的URL

或background-image:url('WI71.jpg'); - 相對網址

Answer 2

這不是一個URL，這是一個文件路徑。

如果您的網站的根是marks display，也許你想這樣的：

background-image:url('/WI71.jpg'); 

Answer 3

好友在現實中的HTML CSS居然是在服務器上的事情，所以下面是正確的代碼：

background-image: url('c:/xyz/xyz/sample.jpg'); 

但是，如果你正在一個真正的網絡服務器上傳你的網站不給這樣的路徑，只是讓它像下面那樣

background-image: url('foldername_if required/imagename'); 

Answer 4

字符串C:\wamp\www\marks display\WI71.jpg不符合URL語法。首先，網址中不允許使用字符\;它應該被斜槓/取代。空格字符應該編碼爲%20。最後，引用文件在本地系統路徑名，使用file:網址：

background-image:url('file:///C:/wamp/www/marks%20display/WI71.jpg'); 

然而，IE具有非常寬容的錯誤恢復在這裏，所以你那些畸形的代碼實際工作的IE瀏覽器，如果該文件存在在指定名稱的地方。其他瀏覽器需要正確的代碼（大部分）。

此類網址的用處非常有限。他們大多隻在本地測試中工作，甚至在本地測試中，最好使用與HTML文檔位置相關的URL。這樣，只要複製文件夾結構的相關部分，就可以在本地測試和Web服務器上使用相同的代碼。