3

我已经尽我所能让网站图标工作了,但只有在 IE 上它不起作用。

这是在<head>

<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">
4

3 回答 3

2

对于谁感兴趣:

它现在可以工作了,我尝试了一个不同的网站来创建网站图标并且它工作正常。

<link rel="shortcut icon" href="http://www.url.com/img/favicon.ico" type="image/x-icon">
于 2015-04-17T17:27:27.880 回答
2

面临同样的问题。轻松解决了我的问题。

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

  1. 将 favicon 文件放在根目录 (/favicon.ico)。

  2. 重写头部标签:

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

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

希望这有帮助

于 2014-09-03T09:49:46.670 回答
1

修正图片的错别字。也尝试添加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.ico

如果您可以忍受所有页面都使用相同的 favicon,那么所有浏览器都可以识别它,而无需在 HTML 中声明它。

更多细节: http: //mathiasbynens.be/notes/rel-shortcut-icon

于 2013-10-28T09:17:32.933 回答