CSS中background:url(圖片) 不能顯示的問題


剛剛碰到一個奇怪的問題,這樣一段CSS代碼: 

 1 .pho6 background: url(img/pho6.jpg);  } 

這段代碼居然不能顯示出背景圖片,路經絕對是沒錯的
代碼肯定沒有問題,俄,百度了好久終於讓我給找到了
真正的問題在哪? 

在url(imagepath)里的這個imagepath(圖片路徑)。原來它是相對於.css文件所在的文件夾,也就是調用css文件夾下的子文件夾來獲取路徑地址,

通過瀏覽器調試,可以看到瀏覽器獲取路徑是從css下面的img來找我的圖片的,但是

我的img和css是平級的文件夾,就是說css下面是沒有img這個文件夾存在的,所以瀏覽器當然報錯了,因為根本找不到嘛

簡單點說,就是假如我文件夾下有一個index.html,它要調用index.html所在的一個子文件夾css下的style.css文件,背景圖片存放在與css文件夾同級的img文件夾下,於是乎,這里的CSS應該這樣寫: 

background:url(../img/pho6.jpg) ;

靈感來源:烈火網


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM