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属性时，如果采用相对路径，那么这个路径一定是以该样式表文件所在路径为准的
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
