background-image中url找不到路径,背景图像无法显示
2015-09-12 21:56
323 查看
<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);就能够正常显示
<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);就能够正常显示
相关文章推荐
- CCF认证 2015年3月4题
- 三周的忙碌生活
- Caffe blob reshape
- C语言进程间通信
- Objective-C 成员变量
- 网卡上除RJ-45接口外,还需要其它元件吗?
- easyui的combobox控件进一步优化
- IMOOC_intanceof
- 查找(一)史上最简单清晰的红黑树讲解
- java web学习心得与总结(三)——javaBean技术
- MySQL几种方法的数据库备份
- Activity概述
- hadoop三种安装模式
- Hadoop/spark安装实战(系列篇4) Hadoop MapReduce词频统计之小试牛刀
- 求绝对值
- 在Eclipse下编译Keil MDK工程
- word快捷键
- 杭州电子科技大学acm--2018
- 总结一些性能测试的做法
- The available repos for opensuse13.2