在CSS檔案裡,有時要用到background-image,即加一個背景圖片,一般在顯示標題時會經常用到。現在來看兩個檔案目錄:/css/admin/main.js//js檔案的目錄/css/admin/image/show.gif//圖片的目錄舉例:
1、現在在main.js檔案裡要用show.gif來做背景圖片,那麼要這樣來寫:background-image:url(image/td-top-4.gif);這樣寫路徑是因為main.js和image資料夾都是在css目錄下的。
2、如果現在需要在一個jsp頁面裡定義這個圖片路徑,jsp頁面ShowImage.jsp在test資料夾裡,而test和css又在同一個目錄下面,這時的圖片路徑就要有所改變了:background-image:url(../css/admin/image/td-top-4.gif);這樣即可正確的顯示圖片了。這裡的../是指回到上一層目錄,如果是上兩層目錄呢?那就是../../。當然,如果加上絕對路徑不管怎麼樣都不會出錯了,不過不推薦使用絕對路徑,不利於程式的移植。
在CSS檔案裡,有時要用到background-image,即加一個背景圖片,一般在顯示標題時會經常用到。現在來看兩個檔案目錄:/css/admin/main.js//js檔案的目錄/css/admin/image/show.gif//圖片的目錄舉例:
1、現在在main.js檔案裡要用show.gif來做背景圖片,那麼要這樣來寫:background-image:url(image/td-top-4.gif);這樣寫路徑是因為main.js和image資料夾都是在css目錄下的。
2、如果現在需要在一個jsp頁面裡定義這個圖片路徑,jsp頁面ShowImage.jsp在test資料夾裡,而test和css又在同一個目錄下面,這時的圖片路徑就要有所改變了:background-image:url(../css/admin/image/td-top-4.gif);這樣即可正確的顯示圖片了。這裡的../是指回到上一層目錄,如果是上兩層目錄呢?那就是../../。當然,如果加上絕對路徑不管怎麼樣都不會出錯了,不過不推薦使用絕對路徑,不利於程式的移植。