在CSS样式表引用background-image规则无法在html文件显示的原因和解决办法的原因

无法显示的原因：

和在HTML文件引用和链接图片或者网页等文件时，可以随便使用文件绝对路径或相对路径的情况不同。在CSS文件中要引用图片或者网页等文件时，必须要明确CSS文件和引用文件的相对位置路径。直接使用绝对路径进行引用可能会导致无法显示效果和功能。

例：C:\Inetpub\wwwroot\sites\blabla\banana.gif或https://edu.csdn.net/course/detail/3576

解决办法

在CSS文件引用上述文件时，必须严格参考下面的格式进行编写文件路径

可参考如下：（引自百度）
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。
1 两个文件在同一个文件夹下，直接写文件名即可
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\index.html
在info.html加入index.html超链接的href应该这样写：index.html
2 要引用的文件在下一级文件夹下，文件名前加子文件夹名称
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超链接的href应该这样写：html/tutorials/index.html
3 要引用的文件在上一级文件夹下，文件名前加…/
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html
在info.html加入index.html超链接的代码应该这样写：index.html
举一反三： …/表示源文件所在目录的上一级目录，…/…/表示源文件所在目录的上上级目录，以此类推。
4 更复杂的情况：
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\html\index.html
在info.html加入index.html超链接的代码应该这样写：index.html
我这次的文件夹适合第四种情况。我理解为，先回到它们共同的父文件下site下再找html文件夹下面的index.html。对应于我的文件夹是一样的。
好啦，以后要是忘了怎么写得相对路径就再来看看就行。