用background-image:url();属性设置背景图片，为什么总是显示不出来？

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

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

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

gen目录下 -> 

css文件夹

images文件夹 - >

bg.png

index.html

设置某个元素的背景图片：background-image:  url( ./images/bg.png ); 就是这样设置了，没想到显示不出来？纳闷了！

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

GET file:///C:/Users/Administrator/Desktop/Gen/css/images/bg.png net::ERR_FILE_NOT_FOUND

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

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

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

       <img>的src属性:  ./images/bg.png;

    background-image：url( ../images/bg.png  );

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

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

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

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