chrome和firefox中的破碎图像在safari中工作

Question

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

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

我已多次重新上传，甚至尝试了其他路径和文件名。

任何人都知道我可能会搞砸了吗？

Answer 1

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

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

1. 我将损坏的文件下载到我的macbook上，用预览打开它（用＆gt;预览打开）
2. 在预览应用中，转到文件＆gt;复制，制作图像的副本
3. 保存重复的图片
4. 作为测试，我尝试在photoshop中打开新的复制图像，我能够！
5. 将新文件上传到网站。我现在能够以铬的形式查看图像。

希望能帮助遇到同样问题的人。

Answer 2

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

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