1. 程式人生 > >css裡面圖片路徑問題(同包/不同包)探討

css裡面圖片路徑問題(同包/不同包)探討

在CSS檔案裡,有時要用到background,即加一個背景圖片,一般在做按鈕樣式時會經常用到。 
css中加背景圖片根據圖片及css檔案的相對位置分一下幾種型別: 
1.同包下:background : url(aaa.gif); 
2.不同包: 
在這種情況下有2中方法可以設定,一種是使用絕對路徑,即http://www.iteye.com/aaa.gif這種,不過一般不推薦這麼用,不利於專案移植;一種是使用相對路徑,首先需要找到圖片檔案和css檔案共同的一個根目錄,然後再加上圖片的子目錄,比如: 
css檔案位置:WebRoot/test/css/a.css 
圖片檔案位置:WebRoot/platform/resource/images/icons/a.gif 

想要找到共同的根目錄就需要用到 "../" 這個路徑的意思是上一級目錄,如果是兩層上級目錄,就是 "../../" 那麼,按照這種寫法的話,a.css中得背景圖片css應該這麼寫: