Favicon没有出现在IE9的地址栏中 - 但是在所有其他浏览器中都显示出来了

Question

这个真的很奇怪 - 我已经尝试了我能想到的一切.我在Firefox,Chrome或Opera中没有遇到任何问题.当我更改服务器上的图标时,它会立即在其他浏览器上更新,但仍然不会显示在IE9中.

顺便提一下,当我将它添加到IE9中的收藏夹时,图像会显示在我的"收藏夹"列表中 - 它不会显示在URL地址栏中.我还验证了ico文件适用于其他网站.每次我做出改变时,我都忠实地清除了IE浏览器历史记录/临时Internet文件.以下是我在.ASPX文件中尝试过的几个代码版本.第一个版本正在运行我正在运行的另一个ASPX网站:

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

Answer 1

适用于Windows 7,即9或更高版本!

几天来我一直在努力解决这个热门电话问题 - 它在所有浏览器中显示但在ie9中没有显示!

我怀疑文件格式; 特别是它的definition-header定义了favicon.ico的结构,因为它是唯一留下来检查的几个教程和方法没有成功!

看起来我是对的 - Windows 7 + ie9希望将图标构造为4个图标,所有图标都包含在一个文件中.

一步步:

1)我构建了一个64x64像素的24位彩色图形并将其保存为png文件

2)我将这个文件导入了一个名为X-icon的freebee编辑器,请点击此处http://www.xiconeditor.com/

3)一旦我预览了结果(将有四个图像64x64,32x32,24x24和16x6(全部以像素为单位)并且对结果感到满意:

4)我在导出之前导出了结果并注意了提示...

5)然后我使用save as facility并将文件定向到我的站点文件的根目录(index.html文件所在的位置)我保存的文件是favicon.ico

6)如果要查看文件,请转到硬盘驱动器上的站点目录,然后双击favicon.ico文件,Windows Photo Viewer将显示4个页面,每个页面代表图标大小.

7)按如下方式编辑代码(详细信息见提示步骤4):在head标签下插入此标签:link rel ="shortcut icon"href ="favicon.ico"/

8)将更改上传到您的服务器.

9)清除ie9缓存文件

10)等待约20分钟(可能需要更长时间)

11)登录您的网站,您应该看到图标

那么所有嵌入到单个favicon.ico文件中的其他图标是什么？

64x64是Windows使用的大图标(如果您在桌面上创建一个具有大图标的快捷方式,则favicon将以64x64像素显示您的图形),

32x32与上面相同,但适用于中型桌面图标的桌面设置

24x24与上面相同,但适用于小型桌面图标的桌面设置

16x16是您网页上使用的favicon.它也是在桌面底部栏(任务栏)的pinto区域中使用的图标 - 将快捷方式从桌面移动到任务栏,你会看到它调整大小

一切都完成 - 它的工作 - 耐心等待它出现!

PS(高级用户)你可以拥有多个"Favicon"文件,但你需要重命名所有这些文件,
然后在head标签下指向各个页面的每个图标文件 - 但你只允许一个(或者没有多个文件)favicon.ico文件....如果你是一个新手但有点毛茸茸但是去吧

Answer 2

尝试放置绝对路径而不是相对路径:

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>

此外,你把图像放在哪里.根据我的记忆,它将根据Web浏览器自动从服务器上的某个位置拉出.