所以針對Css中圖片路徑問題總結如下：
1、不要給背景圖片路徑加引號
將background:url("xxx.gif")改為background:url(xxx.gif)
因為對于部分瀏覽器加引號反而會引起錯誤。
2、背景圖片的路徑是相對與當前css頁面的路徑。
例如：
有如下目錄結構
|--images
|--xxx.gif
|--css
|--xx.css
|--index.html
代碼內容
index.html引用xx.css文件。<link rel="stylesheet" href="css/xx.css" />
xx.css要引用xxx.gif圖片其寫法為：background:url(../images/xxx.gif)
3、我們通常用link的方法直接引用一個CSS文件到HTML（或其它活動文檔）文件中。我們會發現有時候我們的圖片無法顯示了。此時，請查看你的CSS代碼，是不是重復設置有問題，是不是圖片的定位有問題。如果這些都沒有問題請去掉background的重復與定位屬性，還原成默認性。如果圖片還是沒有出現，那只能是我們今天所說的路徑問題了！在一般情況下，我們習慣于這樣設置圖片路徑：
Example Source Code：
background-image:url(logo.jpg);
background-image:url(../logo.jpg);
background-image:url(../images/logo.jpg);
對于第一種情況“url(logo.jpg)”。我們要看此圖片是不是與CSS文件在同一目錄。對于第二與第三種情況，我們是極力不推薦使用的，因為我們的網頁文件可能存在于多級目錄中，不同級目錄的文件位置注定了我們的相對路徑是不一樣的。而這樣就讓問題復雜化了，很可能圖片在這個文件中顯示正常，換了一級目標，圖片就找不到影子了。
有一種方法可以輕松解決這一問題，我們可能建立一個公共文件目錄，用來存放一些公用的圖片文件，JS腳本，CSS文件，例如“common”，我們將CSS文件直接置于該目錄中，也可以將圖片文件也直接存于該目錄中，如果圖片文件較多在其內部建立一個目錄存放圖片文件“common/images”。我們在CSS文件中直接寫：url(logo.jpg)或url(images/logo.jpg)就可以搞定上面的問題了。