Favicon 没有显示在 IE 的所有页面中？答案

【问题标题】：Favicon doesn't show in all pages on IE?Favicon 没有显示在 IE 的所有页面中？
【发布时间】：2013-07-26 08:02:35
【问题描述】：

图标在 IE 中的一些页面上不起作用。但该网站图标也适用于这些页面以及其他浏览器（在 Firefox 和 Chrome 中测试）。

在 IE 中未显示图标的页面：link - favicon error in IE

在 IE 中显示网站图标的页面：link - favicon works

【问题讨论】：

一个非常有趣的情况！如果您设法找出原因，请写一个简短的答案。
老实说，我们在这里谈论的是 IE。尝试渲染所有 HTML5 元素可能有问题。我在 w3c 验证器中检查了你所有的错误，没有任何东西出现在我身上，这会使你的图像不显示。祝你好运！
对我来说 IE10 在两个页面上都显示图标。

标签： html doctype favicon

【解决方案1】：

将图标的文件名设为“favicon.ico”
将图标保留在根目录
不需要像<link rel="" .... /> 这样包含。默认情况下，它将呈现名为“favicon.ico”的图标。

【讨论】：

【解决方案2】：

使用这是所有浏览器的运动：

<link rel="shortcut icon" href="img/favicon.ico">

试试这个内头标签。

【讨论】：

这都是浏览器支持的。

【解决方案3】：

尝试添加这两行，也许这会起作用

<link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
<link rel="icon" type="image/x-icon" href="favicon.ico">

【讨论】：

【解决方案4】：

IE 缓存网站图标。尝试转到 Internet 选项并删除那里的浏览历史记录。

【讨论】：

【解决方案5】：

问题是损坏的对象/嵌入标签。删除下面的标记，favicon 应该开始在该页面上工作（至少在我对 IE9 的测试中是这样）。

<object ...>
<embed class="u_v" type="application/x-shockwave-flash" ...>
</object>

无论如何，您应该不需要该标记，因为它下面的脚本会为您生成适当的嵌入代码。

【讨论】：

【解决方案6】：

以下是我在尝试为您的问题寻找答案时发现的几件事。

确保 favicon.ico 是有效的图标文件。那里有坏的 ico 文件，它们要么不是真正的图标，要么只是被坏的转换器程序损坏。所以首先重制 favicon.ico。
确保文件名为 favicon.ico 并位于根目录中，以便于默认使用。
如果 Internet Explorer 在您的本地硬盘驱动器上，它不会显示/显示图标。它需要在互联网上。那只是 IE 并不特定于其他浏览器。
如果您在域名前不使用 www，Internet Explorer 也不喜欢显示。
您可能还想清除缓存以确保您没有查看旧的临时文件。

我希望这对您有所帮助。

【讨论】：

【解决方案7】：

您已使用“doctype”标签标记了问题。这是可能发生的事情的线索......

我确信该问题与文档中格式错误的 HTML（或 XHTML）标签有关，IE 无法呈现网站图标。由于内容格式不正确，我自己已经遇到了很多“不相关”的问题。我想，在这种情况下，无法呈现 favicon 的文档会在 IE 中触发一种“怪癖模式”。

不幸的是，这两个文档都存在很多问题，因此很难找出究竟是什么触发了导致图标问题的特定 IE“怪癖模式”。

favicon 工作的文档在 W3C 标记验证服务中引发 61 errors and 3 warnings。

favicon 在 IE 中不起作用的文档在 W3C 标记验证服务中引发 98 errors and 25 warnings。

因此，可能是失败的 favicon 文档中这些额外的 37 个错误和 22 个警告之一，这使 IE 过于混乱并且无法解析整个事物。

我没有深入研究错误和警告，因为它们太多了。但我敢肯定，如果验证通过，网站图标就会出现在两个页面上。

【讨论】：

【解决方案8】：

据我所知你正在使用

<link href="http://images1.content-ug.com/uniguru-cont/img/ug_favicon.ico" rel="shortcut icon" type="image/x-icon"/>

我想请您按照几个步骤来解决您的问题。

从this address复制您当前的网站图标
重命名
将其与有问题的页面放在同一目录中
使用以下格式从有此问题的页面链接重命名的网站图标（将 rel 属性放在首位）：
```
<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>
```

最后，如果以上所有方法都不能解决您的问题，那么只需从链接中删除类型（即使我真的不认为这会做任何改变）

<link rel="shortcut icon" href="favicon.ico" >

希望这能解决你的问题

【讨论】：

以上所有方法我都已经测试过了。问题仍然存在。

【解决方案9】：

正如this文章所说：

Internet Explorer 只能看到 ICO 文件的服务器 MIME，否则它会忽略该文件。

试试这个：

<!-- For IE6+ -->
<link rel="shortcut icon" href="path/to/favicon.ico" type="image/vnd.microsoft.icon">

【讨论】：

【解决方案10】：

IE 不显示那些没有 type="image/x-icon" 的网站图标图像。

我认为最好的办法是将它们转换为另一种格式。如果您手动显示图标，则可以下载每个图标，使用图像程序对其进行转换，然后将其上传到您的网站。

【讨论】：

感谢您的回复。那为什么其他页面显示favicon？
这没有回答问题：两个页面使用相同的<link rel="shortcut icon" .../> 元素和相同的图标URL；图像是 ICO 格式，存储在不同的域中。它适用于一页并在另一页上失败。两种情况下的 Doctype 相同。