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 ) 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章