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


<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);就能夠正常顯示


免責聲明!

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



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