1. 程式人生 > >css中插入圖片時的相對路徑和絕對路徑

css中插入圖片時的相對路徑和絕對路徑

在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 )