軟件APP類網站源碼織夢通用型企業網站源碼html

工業環保工程類企業網站織夢模板(帶手機端)

藍色安防器材公司類整站模板

html5響應式網站織夢模板源碼IT網絡工作室織夢網

在建立新的內容模型的時候，需要修改前臺的文章頁面的排版，為了使頁面各個部分的顯示效果一致，希望增加的部分的標題的背景圖片與其他版塊的背景相同。

為了方便，于是就直接從原有的CSS文件中把代碼復制過來了，如下：

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

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

后來忽然懷疑雖然文件的位置是對的，可是引用的路徑會不會出問題了，于是就把上面圖片的相對路徑改成了絕對路徑，結果背景圖片正常顯示。

可相對路徑錯在哪里呢？

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

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

希望遇到類似問題的朋友可以參考！