如标题一样，找了好久最后才发现是url()里面的路径没写对！

为什么会没写对？想了┅下原因：惯性思维用了<img>标签设置src属性的方式来设置url()里面的引入图片的方式。

那么我的文件目录的安排是什么一个情况呢？

查了好久找了好久，最后才通过审查工具发现问题：

多嵌入了一个css/文件路径导致了没有找到图片资源！

然后，立马苏醒过来真的是路径什么弄对。

为什么设置背景图片的url()引入方式跟<img>的src属性设置图片引入路径方式有区别?

噢噢噢！其实刚才上面想到的url(）跟src() 有什么区别在后面找了楿关资源，又发现我还是没有找到根源的 源头？

根本的源头是：设置路径时到底是相对哪个文件的路径来找。

在img的src中我们是以当前html網页做相对文件，来设置引入图片的路径

在外部样式css文件中，设置某个元素的background-image的url()；应当是以你当前的css文件所在路径做为相对路径找起

發布了15 篇原创文章 · 获赞 6 · 访问量 8万+