Css 背景图像显示在本地，但不显示在web上

我在图像上使用了css变换属性，使其旋转（悬停180度）：

然后，我使用id添加了一个背景图像，这样当我的主图像在悬停状态下旋转时，背景图像在其后面可见：

#photo {     
  background-image: url("images/gauntlet2.jpg");
  background-size: cover;
}

当我在本地运行index.html时，一切都会完美呈现。当主图像旋转180度时，我能够看到背景图像；但是，当我从web运行index.html时，它只显示背景颜色，而不是在悬停时显示背景图像。我已删除文件并将其重新传输到我的网站，但差异仍然存在。有人知道为什么同一浏览器上的同一文件在本地和web上呈现不同的效果吗。

---

请编辑问题并提供网站链接。如果看不到实际页面，我们无法确定任何内容。但是，您可以通过在位置栏中键入图像路径在浏览器中显示图像吗？另外，查看浏览器控制台中是否有错误。服务器可能会使用区分大小写的路径名，而本地操作系统则不会；谢谢，莱斯特先生，你说得对。问题是书箱。一旦我匹配了字母的大小写，网站现在就可以完美运行了。谢谢！

#photo {     
  background-image: url("images/gauntlet2.jpg");
  background-size: cover;
}