在css样式表background-image：url()；失效的原因

比如最简单的，我建了一个文件夹名为：螺丝定制（最好是英文命名好）,例如：

在imge文件夹下面有一张照片为background.png.然后我想在1.css里面写样式的时候引入一个background-image:url（）；例如这样： background-image: url("image/background.png")。

效果是不显示的，这个错误源于对外部CSS文件的一个误解。我一直以为，当在html中引用外部样式表后，那么在样式表文件中定义的样式就相当于在html头文件中定义的样式了。但事实证明并非如此，它依然存放在定义的文件中被一起下载到客户端。这一点从background-image的url属性定义的实践上也可以清楚地看出，在定义url时，如果是绝对地址当然没什么问题，如果是相对地址，那么，一定要相对css/1.css所在的路径，而不必考虑即将引用它的html文件的路径。

所以要解决的话有三种方法：

1.用相对路径。那就这样：在html的头部写样式，就可以相对于html文件的图片的路径了。

.ad{ background-image: url(“image/background.png”); /background:#eb4f38;/

font-weight: bold; color: white; height: 57px; width:400px; } 2.用相对于1.css文件路径，那就要相对于1.css文件的背景图片路径，对于html文件来说，该图片的引入与它无关啦。像这样写： .ad{ background-image: url("../image/background.png") }

3.用绝对路径：比如f:/河源/螺丝定制/image/background.png.(这种方式我没有试过，理论上是可以的。)

下面总结一下相对路径和绝对路径的写法：（抄自百度知道）