Internet Explorer中的网站图标无法正常显示

Question

我已经尽力让网站图标（favicon）工作了，但只有在IE浏览器上无法正常显示。

这是在页面的标签中设置的。

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

我曾尝试使用favicon.co.uk和favicon-generator.org/创建网站图标，但在IE浏览器中无法正常显示。

该图标为16x16像素的.ico文件。

在谷歌Chrome和Firefox浏览器中，该图标可以正常显示。

在IE中添加到收藏夹时，也能显示该图标，但不在顶部栏中显示。

问题出在哪里？

编辑：

我还尝试了以下方法：

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

- Nicolas.

---

你可以在这里查看正确的代码：https://dev59.com/93VD5IYBdhLWcg3wAGiD - Rémi Benoit

@RémiBenoit，那个问题没有答案。 - Nicolas.

抱歉，我的意思是看代码，实际上这个问题与此无关 ^^ - Rémi Benoit

Answer 1

对于有兴趣的人:

现在它可以工作了，我尝试使用不同的网站来创建favicon，结果成功了。

<link rel="shortcut icon" href="http://www.url.com/img/favicon.ico" type="image/x-icon">

- Nicolas.

---

"type="image/x-icon" 对我来说是正确的答案。 - maxivis

Answer 2

面对同样的问题，我很容易解决了我的案例。

看起来IE不接受来自子文件夹的网站图标。尝试将favicon.ico放在根目录下。

步骤如下：

1. 将favicon文件放到根目录下 (/favicon.ico)。 2. 重写head标签： ``` ``` ``` ```

希望这可以帮助到您。

- Hayko Aper

Answer 3

修正图像的拼写错误。尝试向图像标签添加type="image/x-icon"。

<link rel="shortcut icon" href="http://www.site.com/img/favicon.ico" type="image/x-icon">

---- 编辑 ----

看起来 rel="shortcut icon" 是IE专有的。最常用的标准是将网站的favicon放在根目录下并命名为favicon.ico

如果您能忍受所有页面使用相同的favicon，所有浏览器都会识别它，而不需要在HTML中声明。

更多细节请参见：http://mathiasbynens.be/notes/rel-shortcut-icon

- Rémi Benoit

---

你的图片真的是ico文件吗（例如没有重命名）？尝试清空缓存了吗？ - Rémi Benoit

你的文件URL里面可能有一个拼写错误。 - Rémi Benoit

它是以这些网站为基础创建的.ico文件，我尝试清空缓存并且文件URL正常工作，当将页面加入书签时，网站图标也会显示出来。 - Nicolas.

请尝试使用绝对URL而不是本地URL。您测试的是哪个IE版本？ - Rémi Benoit

最后一种尝试是将其放置在根目录下，即 yoursite.com/favicon.ico，显然 favicon 标签不是跨浏览器标准：http://stackoverflow.com/questions/2931533/why-isnt-my-favicon-appearing-in-ie7-8 - Rémi Benoit