剛剛碰到一個奇怪的問題,這樣一段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) ;
靈感來源:烈火網