CSS背景无法显示求助：已反复检查语法仍未解决

嘿，我太懂这种反复检查语法却找不到问题的崩溃感了！文件夹路径绝对是这类问题的重灾区，咱们一步步来排查：

• 相对路径搞反了！
  很多人会误以为CSS里的路径是相对于HTML文件的，但实际上是相对于CSS文件本身的位置！举个典型的文件夹结构例子：

  我的项目/
  ├─ index.html
  └─ assets/
     ├─ css/
     │  └─ style.css
     └─ images/
        └─ bg.jpg
  

  这时候在style.css里引用背景图，得先跳出css文件夹回到assets目录，再进images，正确写法是：
  background-image: url('../images/bg.jpg');
  要是写成url('images/bg.jpg')，浏览器会去assets/css/images/找图，自然找不到。

• 大小写坑死人！
  如果你是在Windows本地开发，部署到Linux服务器就容易踩这个坑——Linux系统文件名区分大小写！比如你本地图片叫BG.jpg，CSS里写bg.jpg，本地能显示，服务器上就加载失败。赶紧核对文件名和CSS里的写法完全一致。

• 扩展名写错了
  别笑，真的很多人犯这个错：图片实际是.png格式，CSS里写成.jpg；或者导出的时候不小心存成了.webp，自己还没发现。右键看看图片的真实扩展名，和CSS里的对应上。

• 绝对路径的本地陷阱
  要是你用了/images/bg.jpg这种以/开头的绝对路径，它是相对于网站根目录的。本地开发时如果没搭服务器，直接打开HTML文件，浏览器会把你的电脑硬盘根目录当成网站根目录，自然找不到图。本地开发优先用相对路径，部署到服务器再根据情况调整。

• 服务器权限问题
  要是已经部署到服务器了，检查下图片文件夹和图片文件的权限——得给服务器可读权限（一般设置为文件夹755，文件644），不然服务器会拒绝访问这些资源。

• 缓存在搞鬼
  有时候浏览器缓存了旧的CSS代码，哪怕你改对了路径，它还是加载旧的。试试强制刷新页面（Ctrl+F5），或者给CSS文件名加个版本号，比如style.css?v=2，强制浏览器加载新文件。

按这些步骤排查下来，90%的情况都能解决问题。要是还是不行，把你的文件夹结构截图和相关CSS代码贴出来，我再帮你揪细节～

内容的提问来源于stack exchange，提问作者Chris McConney