CSS設(shè)置背景圖片不顯示的解決方法

軟件APP類(lèi)網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

工業(yè)環(huán)保工程類(lèi)企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

藍(lán)色安防器材公司類(lèi)整站模板

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

在建立新的內(nèi)容模型的時(shí)候，需要修改前臺(tái)的文章頁(yè)面的排版，為了使頁(yè)面各個(gè)部分的顯示效果一致，希望增加的部分的標(biāo)題的背景圖片與其他版塊的背景相同。

為了方便，于是就直接從原有的CSS文件中把代碼復(fù)制過(guò)來(lái)了，如下：

background: url(../images/green_skin.png) 0 -188px repeat-x;

可是奇怪的是，無(wú)論怎么修改，背景圖片就是不顯示，可是相同的css代碼在其他位置就能正常顯示，網(wǎng)上的很多解決方法都看過(guò)了，什么文件位置啊、設(shè)定寬度高度啊，都不起作用。

后來(lái)忽然懷疑雖然文件的位置是對(duì)的，可是引用的路徑會(huì)不會(huì)出問(wèn)題了，于是就把上面圖片的相對(duì)路徑改成了絕對(duì)路徑，結(jié)果背景圖片正常顯示。

可相對(duì)路徑錯(cuò)在哪里呢？

原來(lái)，由于這行代碼是寫(xiě)在獨(dú)立的CSS文件中的，而CSS文件保存在與images相同目錄的style目錄下（style/xxx.css），“../”表示CSS文件所在目錄的上級(jí)目錄。

而我為了修改方便，直接將style代碼寫(xiě)在網(wǎng)頁(yè)中，而網(wǎng)頁(yè)所在的目錄與images目錄在同一級(jí)，再加上“../”就表示images目錄的上級(jí)目錄了，這樣就導(dǎo)致了路徑錯(cuò)誤，從而找不到圖片，就更別提顯示了，所以去掉“../”就可以正常顯示了。

希望遇到類(lèi)似問(wèn)題的朋友可以參考！