Question

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

一切都在我的本地机器上工作，并在远程服务器上工作 - 除了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背景不起作用！任何想法？

感谢，帕特里克

Answer 1

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

Answer 2

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

Answer 3

我有同样的问题。只是在本地显示的几张图片，工作正常。从服务器，没有去。发现这是我的骆驼案件的差异。

示例：

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

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

我改变它以匹配和中提琴！有点令人不安。

Answer 4

尝试用引号包装网址：

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

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

4 个答案: