CSS中background:url(图片) 不能显示的问题_html/css_WEB-ITnose
程序员文章站
2022-05-12 21:49:23
...
刚刚碰到一个诡异的问题,这样一段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;
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;
上一篇: 菜鸟初学Java的备忘录(五)
下一篇: Python计时相关操作的详细介绍
推荐阅读
-
TextView采用setText赋值之后不能立即显示在页面上的问题解决_html/css_WEB-ITnose
-
background-image:url(XXXX.gif)为何不显示背景图片_html/css_WEB-ITnose
-
编写的jsp页面,为什么IE网页上不能显示加载的图片?_html/css_WEB-ITnose
-
DIV中的背景图片控制问题,谢谢各位_html/css_WEB-ITnose
-
一个CSS图片显示的问题,急,一直卡在这了_html/css_WEB-ITnose
-
为什么表格中的图片不能贴底显示???_html/css_WEB-ITnose
-
css的background-url属性是怎么计算图片中各个小图的位置的?_html/css_WEB-ITnose
-
HTML设计的页面飘动图片浏览器显示问题_html/css_WEB-ITnose
-
background 图片的问题_html/css_WEB-ITnose
-
html关于上一个360浏览器无法显示背景图片的问题_html/css_WEB-ITnose