html - 图片在本地加载正常,但在网络服务器上加载不正常

标签 html css image

在这里四处寻找了一下,但仍然没有找到答案。

我正在处理的网站有问题。网站完全自包含在一个文件夹中。试图为网站上的视差部分引用一张图像。在主 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/

相关文章:

jQuery - 动画元素定位

php - 如何根据他们所属的用户组为 joomla 网站上的用户名着色?

html - 如何使用 Bootstrap 4 响应式制作小页面?

javascript - 是否可以将字符串数据从 javascript 传递到 html 文件?

javascript - react 带 : how to make dropDown menu's size fill all of the available space

php - 如何使用ajax从mysql数据库中的计数更新标签

css - 外部 CSS 不在浏览器中呈现

php - 单击按钮时的随机图像

PHP - 处理从 iPhone 获取的垂直图像

javascript - 用javascript替换别人的图片