background-image中url找不到路径，背景图像无法显示

background-image中url找不到路径图片就无法显示。 大家都知道不能用绝对路径，但是相对路径今天我竟然也遇到了问题，真是蠢死自己了。

在css中使用background:url(../img/banner-bg.jpg);此时是在css中，所以这个路径一定是以css(该样式表文件）所在路径为准的，

与之前的在html中img src 当然不一样。

链接到这个 css　时就从根目录找起 background-image: url　就直接从该css文件所在路径做为相对路径找起。

如上图目录结构所示,则Css.css文件里 样式 bg_list00 的 background-image应如下定义: background-image: url(../images/list_bg00.jpg); font-weight: bold; color: #ffffff;
} 此时顺利找到路径，

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