还有一个“为什么我的Favicon不显示？”

Question

更新

<小时/> 我刚刚尝试将我的网站“固定”到任务栏（删除后）但是当我点击并按住地址栏内16x16px图标上的鼠标按钮时（见下图），你可以看到我的网站被拖动用鼠标 - 所以Internet Explorer找到并获得了图标 - 它只是没有在所有正确的位置显示它！还更新了以下代码：

---

正如标题所示，我无法显示我的图标;在任何版本的任何浏览器中。但是有一个例外 - 这还不够好：

IE 9和IE 10 -

正如您可能在上面的屏幕截图中看到的那样，仅时间我看到我的favicon是在我将其添加到我的收藏夹文件夹并打开收藏夹栏之后。 favicon在选项卡（页面标题旁边）中不显示，它不显示在任务栏区域，如果我有“它没有显示在浏览器窗口的左上角”将“我的网站固定到任务栏。

在所有其他浏览器中，它根本不显示。

我已经尝试了一些我可以在网上找到的“解决方案”。

这是我的代码：

    <link rel="icon" type="image/x-icon" href="http://www.mysite.com/favicon.ico"><!-- Major Browsers -->
    <!--[if IE]><link rel="shortcut icon" href="http://www.mysite.com/favicon.ico"/><![endif]--><!-- Internet Explorer-->

我也尝试了所有常用尺寸的图标; 16x16，32x32，64x64，128x128和256x256 - 我甚至尝试在同一个*.ico文件中保存所有尺寸。< / p>

我尝试删除*.ico个文件的缓存文件。

没有任何效果。完全相同的代码以前曾在我制作的其他网站上工作过。我不明白。是什么给了什么？

Answer 1

我编辑了这个答案，只留下了问题的解决方案。

使用：<link rel="shortcut icon" href="{ICONURL}"/>

而不是：<link rel="icon" href="{ICONURL}"/>

Answer 2

我刚刚在网站上遇到了同样的问题。开车自己疯狂试图让favicon.ico文件工作。在IE 11（在Windows 7上）最终使我正常工作的是完全转储favicon.ico文件并改为使用PNG：

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

我使用了带透明层的PNG文件。一旦我这样做并上传了我的页面，IE就会在下一页刷新时在选项卡（以及快捷方式/书签）中正确显示图标。我仔细检查过，看起来Chrome和Firefox也很酷。

Answer 3

我用

<link rel="icon"
      type="image/ico"
      href="Link Goes Here">

如果将网站图标放在文件夹中：

<link rel="icon"
      type="image/ico"
      herf="Folder/Subfolder"

确保代码在 head 标签中。 确保图像是 .ico 格式；否则它不会工作。