<div id="body_left_secend_1">
<img src="~/Images/images1/index1_r4_c1.jpg">
</div>
在對應的DIV中能夠顯示圖片
但是當把路徑復制 變成內聯樣式表中的background-image時候 在原來圖中卻不能顯示背景圖片,在fireBUG中顯示URL載入錯誤,這是怎么回事了?
#body_left_secend_1 {
width:293px;
height:300px;
background-image:url(../Images/images1/index1_r4_c1.jpg);
}(這段代碼無法使圖片正常顯示)
這是background-image的絕對路徑和相對路徑問題
絕對路徑:是從盤符開始的路徑,形如 C:\windows\system32\cmd.exe
相對路徑:就是從當前位置開始。
對於上面出現的問題屬於相對路徑問題,只需要把background-image:url(../Images/images1/index1_r4_c1.jpg)改成background-image:url(../../Images/images1/index1_r4_c1.jpg);就能夠正常顯示