在这里四处寻找了一下,但仍然没有找到答案。
我正在处理的网站有问题。网站完全自包含在一个文件夹中。试图为网站上的视差部分引用一张图像。在主 css 文件中这样引用:
#services {
background-image: url("../images/dark.JPG");}
主 css 文件位于 maindir/css。我正在寻找的图像位于 maindir/images/。
它在本地工作,所以我尝试将整个文件夹上传到我的测试域。然而,当我加载网站时,这张特定的图片并没有出现。我可以在 FileZilla 中确认文件上传没有问题,并且可以下载并确认文件完好无损。其他图像加载没有问题,但尝试用任何其他图像替换此特定图像会产生相同的结果。
这可能是我做错了什么,还是我的虚拟主机可能存在问题?浏览 Lunarpages 之前遇到过一些这样的随机错误事件,但我想弄清楚这是否是我自己的无能开始哈哈。同样,没有任何内容存储在计算机上的任何位置 - 所有内容都位于站点其余部分所在的文件夹中。
最佳答案
正如我在评论中所想,这是一个大写问题。在您的本地机器上,文件系统不区分大小写,使用“JPG”访问以“jpg”结尾的文件是没有问题的。但是,在 Apache 服务器上,大小写很重要。
http://nearsighted.ninja/images/dark.jpg
负载
http://nearsighted.ninja/images/dark.JPG
不加载!
解决方案:将文件名原封不动地写入您的 css,使用小写的“jpg”。 (或者,重命名文件。)
关于html - 图片在本地加载正常,但在网络服务器上加载不正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35467989/