2010-11-28 49 views
-1

我刚刚从我的电脑上传了一个网站到远程服务器。css中的一些背景图片不会加载

一切工作在我的本地机器上,并在远程服务器上工作 - 除了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背景不起作用! 有什么想法?

感谢, 帕特里克

+0

只是提供一个链接到页面可能会更容易。 – 2010-11-28 13:11:08

回答

-1

尝试包的URL与引号:

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

http://stackoverflow.com/questions/2168855/css-url-whats-better – 2010-11-28 13:15:25

1

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

+0

试过,但没有运气。我不知道为什么,但不管出于什么原因,问题似乎都是以图像的名义。我已经使用下划线而不是破折号重命名了它,现在它似乎正在工作...... – Patrick 2010-11-28 14:18:51

1

我最近有同样的问题,这是因为我的图像文件是“examplepic.JPG”,但在CSS中我把它作为“examplepic.jpg”。只要我更改CSS代码以显示全部大写的bg图像的文件扩展名,它就可以工作...

1

我有这个完全相同的问题。只是几个图片,当在本地显示,工作正常。从服务器上,不行。发现这是我的骆驼案件的差异。

例子:

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

实际图像地址:../images/myimage.png

我改成了匹配和中提琴!有点令人不安。