在CSS檔案裡,有時要用到background,即加一個背景圖檔,添加的路徑根據圖檔及css檔案的相對位置分以下兩種類型:
1.同包下:background : url(xxx.jpg);
2.不同包: 在這種情況下有2中方法可以設定,一種是使用絕對路徑,即C:\Users\dellpc\Desktop\Pro\test\images\xxx.jpg或者是http://www.xxx.com/xxx.gif這種,不過一般不推薦這麼用,不利于項目移植;一種是使用相對路徑,首先需要找到圖檔檔案和css檔案共同的一個根目錄,然後再加上圖檔的子目錄,比如:
css檔案位置:Pro/test/css/style.css
圖檔檔案位置:Pro/platform/images/xxx.jpg
想要找到共同的根目錄就需要用到 “../” 這個路徑的意思是上一級目錄,如果是兩層上級目錄,就是 “../../” 那麼,按照這種寫法的話,a.css中得背景圖檔css應該這麼寫:
background:url(../../platform/images/xxx.jpg )