CSS中引用图片的问题

#1 Alex

我的文件结构如下

/index.php
/template/index.htm
/themes/css/index.css
/themes/images/bg.png


我在index.htm中引用了样式文件index.css,然后样式文件需要引用图片bg.png,我试着用
background:url(../images/bg.png)  
background:url(themes/images/bg.png)  
background:url(../themes/images/bg.png)  
都不对,我应该怎么写呢?

2010-08-13 09:55:21

#2 jake

css中的图片路径,是相对"css文件本身"的位置,而不是相对“引用这个css的文件”。

上面的css文件是在/themes/css/index.css 里面,所以css里面bg.png(/themes/images/bg.png)这个图片,应该是background:url(../../themes/images/bg.png)  或 background:url(../images/bg.png)
另外,写css最好用firebug或者是chrome的查看元素等工具来调试,没有看到东西不代表路径就错了,有时候是语法错了也说不好。

2010-08-13 10:04:58