background:url(imagepath)不能显示图片
2011-09-20 22:31
441 查看
刚刚碰到一个诡异的问题,这样一段CSS代码:
background:url(images/bg1.gif) no-repeat;
这段代码居然不能显示出背景图片。
代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Google,发现有这个问题的人还真不少。。。但是真正指出问题所在的信息并不多。。。
真正的问题在哪?
在url(imagepath)里的这个imagepath,原来它是相对于.css文件这个目录,而不是调用css文件所在文件的这个目录,简单点说,就是假如我有个index.htm,它要调用index.htm所在的一个子目录style目录下的style.css文件,背景图片存放在与style目录同级的images目录下,于是乎,这里的CSS应该这样写:
background:url(../images/bg1.gif) no-repeat;
background:url(images/bg1.gif) no-repeat;
这段代码居然不能显示出背景图片。
代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Google,发现有这个问题的人还真不少。。。但是真正指出问题所在的信息并不多。。。
真正的问题在哪?
在url(imagepath)里的这个imagepath,原来它是相对于.css文件这个目录,而不是调用css文件所在文件的这个目录,简单点说,就是假如我有个index.htm,它要调用index.htm所在的一个子目录style目录下的style.css文件,背景图片存放在与style目录同级的images目录下,于是乎,这里的CSS应该这样写:
background:url(../images/bg1.gif) no-repeat;
相关文章推荐
- background:url(imagepath)不能显示图片
- CSS中background:url(图片) 不能显示的问题
- 用background-image:url();属性设置背景图片,为什么总是显示不出来?
- CSS中background:url(图片) 不能显示的问题
- 外部样式表中Background-Image:url()的设置不能显示解决方案
- CSS中background:url(图片) 不能显示的问题
- 图片不能显示: [cell.imageView setImageWithURL:imageUrl placeholderImage:nil options:SDWebImageLowPriority
- 从设置a标签背景图片无法显示探究background-image:url()
- 【转】CSS中background:url(imagepth) 不能显示背景图片
- 解决图片对象不能json序列化问题:<ImageFieldFile: image/background_IXSZChD.jpg> is not JSON serializable
- paip.解决中文url路径的问题图片文件不能显示
- UIImage imageNamed:iamgename.png不能显示图片
- 获取服务器Url图片资源,并显示在ImageView中 Android
- paip.解决中文url路径的问题图片文件不能显示
- 通过图片url显示图片在imageview上
- jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了
- CSS—background: url(imagePath);使用小结
- 通过URLHttpConnection方式来取得图片,并且显示在ImageView上
- Android 通过url获取网络图片并显示在ImageView中