天天看點

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 )