0

我正在创建一个网站，该网站由一些图像组成。在本地，一切都正确显示，但是当我将其上传到我的服务器时，某些图像未显示。根本不显示任何 GIF / 动画 GIF，并且某些 jpeg 图像未显示（而其他图像则可以）。唯一似乎没有受到影响的图像是 PNG，它显示正常。

如果我检查 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 图像并且一切都正确显示，所以我不确定还有什么不同？

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

4

3 回答 3

0

而不是使用：

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

利用：

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

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

以“../”开头的目录向后移动一个目录并从那里开始

（在路径上始终包含引号也是一个好习惯）

于 2013-03-15T15:05:01.187 回答
0

尝试在 url 中输入完整路径：

例如background-image:url(http://www.your-site.com/images/background2.gif)

- 如果可行，请检查您的路径并确保 css url 与您的目录结构匹配。

于 2013-03-15T14:15:44.590 回答
0

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

于 2013-03-26T11:57:27.443 回答