樣式參考問題

Question

我在index.html的定義爲

<link rel="stylesheet" type="text/css" href="css/template.css"> 

的template.css裏面一個樣式表，我已經宣佈

body{ 
background-image: url(images/background.png); 
background-repeat: repeat; 
} 

爲什麼沒有得到顯示的圖像？路徑是正確的

Answer 1

CSS中的路徑應該相對於CSS文件所在的位置，而不是從正在加載CSS文件的頁面所在的位置。

嘗試：

background-image: url(../images/background.png); 

當你開始了，這可能似乎違反直覺，但它實際上是一個很好的設計爲你的CSS文件，然後可以從任意文件夾中的任何網頁和引用稱爲圖像不會被打破。