Question

我正在创建一个网站，该网站包含一些图片。在本地，一切都正确显示，但当我将其上传到我的服务器时，一些图像不会显示。根本不显示任何GIF /动画GIF，并且不显示某些jpeg图像（而其他图像没有显示）。唯一看起来不受影响的图像是PNG，显示OK。

如果我查看FireBug并将鼠标悬停在图片链接上，则会收到Failed to load given URL消息。

如果我输入指向服务器上图像的直接URL链接，则会下载图像，因此它肯定存在。

这是我的CSS：

body {
    background-color: #000;
    background-repeat:no-repeat;
    background-position:top;
    background-image:url(../images/background2.gif);
}

我使用相同的代码创建了另一个网站，但是使用了不同的background.gif图像，一切都正确显示，所以我不确定还有什么不同？

此外，我尝试从服务器删除图像并重新添加它们，但仍然没有运气。

Answer 1

尝试在网址中填写完整路径：

e.g。 background-image:url(http://www.your-site.com/images/background2.gif)

- 如果有效，请检查您的路径并确保css网址与您的目录结构相匹配。

Answer 2

而不是使用：

background-image:url("../images/background2.gif");

使用：

background-image:url("/images/background2.gif");

以“/”开头移动到根目录并从那里开始

从“../”开始，将一个目录移回并从那里开始

（总是在路径上包含引号也是一种很好的做法）

Answer 3

感谢大家的帮助，结果证明这是我的工作互联网上某种带宽限制的问题。如果我从其他任何地方查看该网站的图像都已加载.....我真的虽然我疯了一会儿！再次感谢。

图像没有在网站上显示但在本地没有显示？

3 个答案: