background-image中url找不到路径,背景图像无法显示

时间:2020-12-27 15:54:19

<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);就能够正常显示