1. 程式人生 > >CSS中background:url(圖片) 不能顯示的問題

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

轉:http://www.cnblogs.com/WhiteM/p/6083012.html

剛剛碰到一個奇怪的問題,這樣一段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) ;