0

我有一个允许用户输入网址的网站。该代码将获取该站点的图标并保存它。然后网站图标会显示在网站的其他位置。

这一切都适用于所有版本的 Opera、FF、Safari 和 Chrome，但在任何版本的 IE 上，似乎只有一些出现。我用来显示图标的代码很简单：

<div class="pulledFavicon"><img src="img/favicons/amazoncouk.ico" alt="favicon" ></div>

该图像肯定存在，因为您可以看到它显示在其他浏览器上，但即使您访问 IE9 中的确切 url，它也会像没有这样的文件一样。

如果您在 IE9（或 8 或 7）上访问以下两个 URL，然后在任何其他浏览器上访问，您会看到图像显示在除 IE 之外的所有内容中：

http://homestartpage.com/beta/img/favicons/simplybecom.ico

http://homestartpage.com/beta/img/favicons/scissorlabcom.ico

奇怪的是 Facebook 的作品！

http://homestartpage.com/beta/img/favicons/facebookcom.ico

我一辈子都看不出有什么区别！

仅供参考，问题可以在http://homestartpage.com/beta/现场查看

4

1 回答 1

1

带有.ico扩展名的收藏图标是一种特殊的图像文件。它们不打算与 HTML 内联显示。但是，正如您所看到的，一些浏览器已经添加了对它的支持。您最好的选择是以更受支持的格式转换/创建图像，以便内联使用。请参阅http://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support了解哪些浏览器支持哪些图像。

以下是相同基本问题的一些链接：

.ico 没有在 IE 中显示？有什么办法可以在 IE 中显示 ico 文件？

在图像元素 <img> 中显示 .ico

如果不作为“image/x-icon”提供，IE 不会在 HTML 中显示 .ico 图标

于 2013-04-23T18:15:57.740 回答