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

时间:2012-01-18 22:22:14

标签: internet-explorer-9 favicon

这个真的很奇怪 - 我已经尝试了所有我能想到的东西。我在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"/>

6 个答案:

答案 0 :(得分:17)

适用于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)然后我使用 另存为 工具并将文件定向到我的站点文件的根目录(index.html文件所在的位置)文件I保存的是favicon.ico

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

7)按如下方式编辑代码(详细信息见提示步骤4):在 head 标记下插入此标记: link rel = “快捷图标”href =“favicon.ico”/

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

9)清除ie9缓存文件

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

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

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

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

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

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

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

所有完成 - 它的工作 - 耐心等待它出现!

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

答案 1 :(得分:9)

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

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

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

答案 2 :(得分:2)

尝试将rel =“快捷图标”更改为“icon”。这对我有用。

<link rel="icon" href="/favicon.ico" />

答案 3 :(得分:0)

如果您使用的是HTML4或HTML5,则在标记的末尾使用>;对于XHTML,请使用/>

此外,您可能需要尝试使用type="image/vnd.microsoft.icon"

来源FavIcon (in Address bar) not working in IE 9

答案 4 :(得分:0)

尝试网站:http://favicon.htmlkit.com/favicon/(已在每个浏览器中测试并使用)

1)清除浏览器缓存。 2)包括您从上述网站创建的包中的所有图像。

答案 5 :(得分:0)

IE9中的字体和图标也有同样的问题。虽然我对客户端问题进行了广泛的研究,但服务器设置确实导致了这一点。

IIS中的客户端缓存控制模式设置为“DisableCache”。这导致IE9无法加载字体或图标。所有其他(现代)浏览器都运行良好。

在IIS 7中,您应该在favicon或字体文件夹上将缓存控制设置为“NoControl”:

<location path="fonts">
  <system.webServer>
    <staticContent>
      <clientCache cacheControlMode="NoControl" />
    </staticContent>
  </system.webServer>
</location>