国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > CSS中background:url(图片) 不能显示的问题

CSS中background:url(图片) 不能显示的问题

来源:程序员人生   发布时间:2014-04-07 04:26:20 阅读次数:2529次
刚刚碰到一个诡异的问题,这样一段CSS代码:

background:url(images/bg/bg1.gif) no-repeat;

这段代码居然不能显示出背景图片,倒塌。。。
代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Google,发现有这个问题的人还真不少。。。但是真正指出问题所在的信息并不多。。。

真正的问题在哪?

在url(imagepath)里的这个imagepath,原来它是相对于.css文件这个目录,而不是调用css文件所在文件的这个目录,简单点说,就是假如我有个index.htm,它要调用index.htm所在的一个子目录style目录下的style.css文件,背景图片存放在与style目录同级的images目录下,于是乎,这里的CSS应该这样写:

background:url(../images/bg/bg1.gif) no-repeat;
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生