0

更新


我刚刚尝试再次将我的网站“固定”到任务栏(删除它之后),但是当我单击并按住地址栏内 16x16px 图标上的鼠标按钮时(见下图),你可以看到我的网站图标被拖动了用鼠标 - 所以 Internet Explorer 找到并得到了图标 - 它只是没有在所有正确的地方显示它!还更新了以下代码: 在此处输入图像描述


正如标题所示,我无法显示我的网站图标;在任何浏览器的任何版本中。不过,有 1 个例外 - 这还不够好:

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,128x128256x256- 我什至尝试将所有大小保存在同一个*.ico文件中。

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

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

4

3 回答 3

4

我已经编辑了这个答案,只留下了有问题的问题的解决方案。

采用:<link rel="shortcut icon" href="{ICONURL}"/>

代替:<link rel="icon" href="{ICONURL}"/>

于 2012-07-03T12:25:46.113 回答
0

刚才我的网站也有同样的问题。让自己疯狂地试图让 favicon.ico 文件正常工作。最终让它在 IE 11(在 Windows 7 上)中为我正常工作的是完全转储 favicon.ico 文件并使用 PNG 代替:

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

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

于 2016-06-26T23:48:39.430 回答
0

我用

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

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

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

确保代码在 head 标签中。确保图像为 .ico 格式;否则它将无法正常工作。

于 2021-01-06T21:43:44.913 回答