css 中的一些背景图片无法加载答案

【问题标题】：some background images in css don't loadcss 中的一些背景图片无法加载
【发布时间】：2012-09-29 06:56:38
【问题描述】：

我刚刚将一个网站从我的计算机上传到远程服务器。

一切都在我的本地机器上运行，并且在远程服务器上运行 - 除了 1 个背景图像！

所有图像都在同一个目录中，具有相同的权限。只是'Main-Header-graphic.jpg'不起作用。我的 CSS 中有这个：

/* this works */
#top_header #logo {
float: left;
background: url(../img/Logo.png) no-repeat;
width: 403px;
height: 52px;
text-indent: -9999px;
}

/* this doesn't! 
   if i replace the "../img/Main-Header-graphic.jpg" below with another image, eg.
   the "../img/Logo.png" above, it works! */
#middle_header {
margin-top: 10px;
height: 280px;
background: url(../img/Main-Header-graphic.jpg) no-repeat;
}

所以你看到图像的路径都是相同的，并且与所有其他背景图像以相同的格式工作。只是 middle_header 背景不起作用！有什么想法吗？

谢谢，帕特里克

【问题讨论】：

只提供页面链接可能更容易。

标签： css

【解决方案1】：

我唯一能想到的是图像本身可能有问题。尝试在 Photoshop 中打开图像，如果可以，将其保存为另一种格式 - 或使用一些不同的压缩设置保存为 .jpg。然后重新上传看看是否有效。

【讨论】：

试过了，但没有运气。我不知道为什么，但无论出于何种原因，问题似乎都出在图像的名称上。我已经使用下划线而不是破折号对其进行了重命名，现在它似乎正在工作......

【解决方案2】：

我最近遇到了同样的问题，这是因为我的图像文件是“examplepic.JPG”，但在 CSS 中我将它作为“examplepic.jpg”。一旦我更改了 CSS 代码以全大写显示 bg 图像的文件扩展名，它就起作用了......

【讨论】：

【解决方案3】：

我遇到了同样的问题。只有几张图片在本地显示时效果很好。从服务器，不行。发现这是我骆驼案的差异。

例子：

CSS 代码：../images/myImage.png

实际图片地址：../images/myimage.png

我把它改成了火柴和中提琴！有点令人不安。

【讨论】：

【解决方案4】：

尝试用引号包裹网址：

url("../img/Main-Header-graphic.jpg")

【讨论】：