<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);就能够正常显示
时间: 2024-10-02 18:02:18