上传代码至GoDaddy托管后背景图片无法加载问题求助

排查解决步骤 #

• 大小写校验
  GoDaddy默认使用Linux操作系统作为服务器环境，文件路径大小写完全敏感。请确认以下内容与你CSS中书写的url(/images/background-image.jpg)完全一致：
  • 站点根目录下的文件夹名是否为全小写的images，而非Images、IMAGES等其他大小写组合
  • 文件夹内的图片文件名是否完全为background-image.jpg，后缀是否为小写jpg而非JPG、jpeg
• 路径正确性校验
  你当前使用的是站点根目录绝对路径，需要确认上传路径是否正确：
  GoDaddy站点的默认根目录为public_html文件夹，请确认你是将images文件夹直接上传到了public_html下，而非嵌套在其他子文件夹中。如果你的站点文件整体放在public_html的子目录中，需要调整路径为对应的相对路径，例如CSS文件存放在与images同级的css文件夹中时，可以改写为：

  background-image: linear-gradient(rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)), url(../images/background-image.jpg);
  

  你也可以直接在浏览器地址栏输入http://tretuser.com/images/background-image.jpg，如果无法正常访问图片，说明路径/文件名存在错误，如果可以正常访问，则需要排查CSS选择器是否正确匹配到了对应元素、是否有其他CSS规则覆盖了背景图设置。
• 文件权限校验
  登录GoDaddy的文件管理器，确认images文件夹的权限为755，目标图片文件的权限为644，权限不足会导致资源无法被公开访问。

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