2

我有一个在 Safari 中显示的徽标，但在 Chrome 中它显示为断开的链接，在 Firefox 中根本不显示。

            <a href="index.html"><img src="images/logo-01.png"/></a>

我已经重新上传了很多次，甚至尝试过替代路径和文件名。

有谁知道我是怎么搞砸的？

4

2 回答 2

3

我遇到了同样的问题。对我来说，事实证明图像已损坏。如果我尝试在 photoshop 中打开 png 文件，我会收到一条错误消息，说它无法解析文件。

无论出于何种原因，safari 可以显示损坏的文件，但 chrome 不能。这就是我解决问题的方法。我注意到我的 macbook 上的“预览”可以很好地打开文件。如果您使用的是 Windows，可能会尝试使用 Paint 或 gimp 或除 Photoshop 之外的其他程序。

  1. 我将损坏的文件下载到我的 macbook 上，用预览打开它（用 > 预览打开）
  2. 在预览应用程序中，转到文件 > 复制，这会复制您的图像
  3. 保存重复的图像
  4. 作为测试，我尝试在 Photoshop 中打开新复制的图像，我能够做到！
  5. 将新文件上传到网站。我现在可以在 chrome 中查看图像。

希望对遇到同样问题的人有所帮助。

于 2015-01-07T10:05:59.610 回答
0

这可能是您的文件结构的问题。现在您的链接正在使用相对路径（例如href="index.html"）。如果您引用的文件与当前页面文件位于同一目录中，这很好。但是，如果您当前的页面位于其他地方，例如在“页面”目录或其他地方，那么您需要告诉链接从站点根目录开始。那看起来像href="/index.html"（注意斜线）。因此，对于图像，您将拥有：

<a href="/index.html"><img src="/images/logo-01.png"/></a>

于 2013-02-15T19:22:16.793 回答