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

相关文章
相关标签/搜索