background-image中url找不到路徑,背景圖像沒法顯示

<div id="body_left_secend_1">
                        <img src="~/Images/images1/index1_r4_c1.jpg">
  </div>windows

在對應的DIV中可以顯示圖片url

可是當把路徑複製 變成內聯樣式表中的background-image時候 在原來圖中卻不能顯示背景圖片,在fireBUG中顯示URL載入錯誤,這是怎麼回事了?圖片

#body_left_secend_1 {
    width:293px;
    height:300px;
    background-image:url(../Images/images1/index1_r4_c1.jpg);
 
}(這段代碼沒法使圖片正常顯示)cmd

這是background-image的絕對路徑和相對路徑問題im

絕對路徑:是從盤符開始的路徑,形如 C:\windows\system32\cmd.exe樣式

相對路徑:就是從當前位置開始。img

對於上面出現的問題屬於相對路徑問題,只須要把background-image:url(../Images/images1/index1_r4_c1.jpg)改爲background-image:url(../../Images/images1/index1_r4_c1.jpg);就可以正常顯示di

相關文章
相關標籤/搜索