CSS設置背景圖片不顯示的解決方法,dedecms
導讀:dedecmsdedecmsCSS文件中的內容復制到其它文件時,應注意其中的相對鏈接位置是否有改變,否則就可能造成引用錯誤的問題。織夢模板下載dede58模板。
在建立新的內容模型的時候,需要修改前臺的文章頁面的排版,為了使頁面各個部分的顯示效果一致,希望增加的部分的標題的背景圖片與其他版塊的背景相同。
為了方便,于是就直接從原有的CSS文件中把代碼復制過來了,如下:
background: url(../images/green_skin.png) 0 -188px repeat-x;
可是奇怪的是,無論怎織夢模板免費么修改,背景圖片就是不顯示,可是相同的css代碼在其他位置就能正常顯示夢織模板,網上的很多解決方法都看過了,什么文件位置啊、設定寬度高度啊,都不起作用。
后來忽然懷疑雖然文件的位置是對的,可是引用的路徑會不會出問題了,于是就把上面圖片的相對路徑改成了絕對路徑,結果背景圖片正常顯示。
可相對路徑錯在哪里呢?
織夢模板修改原來,由于這行代碼是寫在獨立的CSS文件中的,而CSS文件保存在與images相同目錄的style目錄下(style/xxx.css),“../ ”表示CSS文件所在目錄的上級目錄。
而我為了修改方便,直接將style代碼寫在網頁中,而網頁所在的目錄與images目錄在同一級,再加上“../ ”就表示images目錄的上級目錄了,這樣就導致了路徑錯誤,從而找不到圖片,就更別提顯示了,所以去掉“../ ”就可以正常顯示了。
希望遇到類似問題的朋友可以參考!
相關織夢模板下載dede58模板。聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-18 ,文章CSS設置背景圖片不顯示的解決方法,dedecms主要講述解決方法,背景圖片,dedecms網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_29232.html