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

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


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

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

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