在傳統(tǒng)的表格布局中，背景圖片是直接應(yīng)用于表格的，一般情況下CSS的background-image屬性使用非常少，或者說根本就不使用。應(yīng)用CSS網(wǎng)頁布局，實(shí)現(xiàn)內(nèi)容與表現(xiàn)、行為相分離，作為頁面框架、裝飾等圖片我們就直接剝離到CSS文件中，通過CSS進(jìn)行定義。

　　我們通常用link的方法直接引用一個(gè)CSS文件到HTML（或其它活動(dòng)文檔）文件中。我們會(huì)發(fā)現(xiàn)有時(shí)候我們的圖片無法顯示了。此時(shí)，請查看你的CSS代碼，是不是重復(fù)設(shè)置有問題，是不是圖片的定位有問題。假如這些都沒有問題請去掉background的重復(fù)與定位屬性，還原成默認(rèn)性。假如圖片還是沒有出現(xiàn)，那只能是我們今天所說的路徑問題了！在一般情況下，我們習(xí)慣于這樣設(shè)置圖片路徑：


　　對于第一種情況“url(logo.jpg)”。我們要看此圖片是不是與CSS文件在同一目錄。對于第二與第三種情況，我們是極力不推薦使用的，因?yàn)槲覀兊木W(wǎng)頁文件可能存在于多級目錄中，不同級目錄的文件位置注定了我們的相對路徑是不一樣的。而這樣就讓問題復(fù)雜化了，很可能圖片在這個(gè)文件中顯示正常，換了一級目標(biāo)，圖片就找不到影子了。

　　有一種方法可以輕松解決這一問題，我們可能建立一個(gè)公共文件目錄，用來存放一些公用的圖片文件，JS腳本，CSS文件，例如“common”，我們將CSS文件直接置于該目錄中，也可以將圖片文件也直接存于該目錄中，假如圖片文件較多在其內(nèi)部建立一個(gè)目錄存放圖片文件“common/images”。我們在CSS文件中直接寫：url(logo.jpg)或url(images/logo.jpg)就可以搞定上面的問題了。

　　當(dāng)然，這只是我的建議，關(guān)于網(wǎng)站文件的歸類與存放，除了根據(jù)個(gè)人習(xí)慣，還要考慮科學(xué)性。我的方法也不一定是正確的。假如是大型的項(xiàng)目，你應(yīng)該遵循團(tuán)隊(duì)的約定，不然這些問題是夠頭疼的！