favicon.ico在IE里无法显示，但是在chrome里显示正常为什么？

Question

代码是这样写的<link rel="Shortcut Icon" href="images/favicon.ico">
求教！favicon.ico在IE里无法显示，但是在chrome里显示正常为什么？

Answer 1

http://www.uisdc.com/design-perfect-favicon-icon
虽然不知道出了什么问题，但你可以看看这个工具。能把所有的icon问题解决，包括移动设备什么的。

Answer 2

chrome的这个设计主要是为了防止网站将他们的favicon（就是你说的那个图标）设计为锁型等欺骗用户以为是安全链接进行钓鱼。现在那里只显示普通地球图标标识普通链接和锁芯图标标识https安全加密链接。在link中加上 type="image/x-icon" 试试。

Answer 3

可能是因为 IE 版本比较低，根据下面这篇文章 IE 7 之前 shortcut icon 只有在收藏网页后才可用：
http://msdn.microsoft.com/en-us/library/ms537656(v=vs.85).aspx
没有低版本 IE 所以没有测过。
另外可能是因为 url 不是在根路径所以没显示出来，href="images/favicon.ico" 这里写的是相对路径，改成 href="/images/favicon.ico" 试试看。

---

另外 PythonLover 提到的 type="image/x-icon" 也是需要的，并且请确定这个文件真的是 ico 格式而不只是其他图片格式重命名了下。

Answer 4

是因为你在本地测试的，而不是在服务器端测试的。
【1】在服务器端测试，默认会识别根目录下favicon.ico的文件作为网页的ico。若在个别页面有不同的ico，在个别页面用<link>添加ico即可
【2】在本地端测试，chrome、opera和firefox支持通过<link>标签添加ico，但IE和safari不支持