Favicon 在 IE 中显示，但在 Firefox 和 Chrome 中不显示答案

【问题标题】：Favicon displays in IE but not Firefox and ChromeFavicon 在 IE 中显示，但在 Firefox 和 Chrome 中不显示
【发布时间】：2023-03-17 00:10:01
【问题描述】：

我最近在我的 htdocs 目录中添加了一个 16 像素 x 16 像素的 favicon.ico 文件。

结果如下：

IE - 正确显示在地址栏、标签栏和书签栏中

Chrome - 正确显示在书签栏中

Firefox - 正确显示在书签栏中

我想在 Chrome 和 Firefox 的地址栏和标签栏中显示我的网站图标，我需要做什么才能做到这一点？

谢谢？

【问题讨论】：

那应该工作 - 你确定你找对地方了吗？在 Chrome 中，网站图标不再显示在地址栏中，仅显示在标签栏中。我必须仔细检查，但我怀疑这同样适用于 Firefox。
它们也不在标签栏中，是什么原因？
我下载了一个 favicon（其他站点的）并注意到它们的图像显示在 .ico 文件的不同层中。这可能是一个问题。我只有一层 16 x 16 像素？
试试这个：stackoverflow.com/questions/2208933/…
Chrome 很好 - 我需要添加到 xhtml 的链接...IE 不需要这个...现在尝试 firefox

【解决方案1】：

作为suggested by this post，简单地将favicon.ico 文件添加到您网站的根目录是向您的网站添加收藏图标的不鼓励方法。鼓励的方法是在 html 的

... 部分中添加以下行：

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

This post 建议将 rel="shortcut icon" 方法替换为 rel="icon" 方法，但出于兼容性原因，为了安全起见，我喜欢同时包含两者，以及将 favicon.ico 文件放在站点的根目录中；这样，所有浏览器都覆盖了我的所有基础。

【讨论】：

【解决方案2】：

将位置添加到 xhtml 中

【讨论】：