在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應該這麼寫：
復制代碼代碼如下:
background:url(../../platform/resource/images/icons/a.gif)
為什麼呢？
首先，我們觀察這兩個文件的位置，可以發現，共同的根目錄是WebRoot，
我們首先在a.css的位置找到WebRoot，所以有了"../../" 然後拼接圖片的子目錄的路徑 又有了"platform/resource/images/icons/a.gif" 合在一起後就是上面的結果了。