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

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

标签：

原文地址：http://www.cnblogs.com/softwarewebdesign/p/4803687.html