在Favicon没有在IE的所有页面中显示?

时间:2013-07-26 06:53:20

标签: html doctype favicon

favicon不适用于IE中的某些页面。 但是favicon在这些页面以及其他浏览器中都有效(在Firefox和Chrome中测试过)。

未在IE中显示图标的页面:link - favicon error in IE

在IE中显示favicon的页面:link - favicon works

10 个答案:

答案 0 :(得分:5)

您已使用“doctype”标记标记了问题。这是可能发生的事情的线索......

我确信该问题与IE无法呈现图标的文档中格式错误的HTML(或XHTML)标记有关。由于内容格式错误,我自己已经有很多“不相关”的问题。我想,在这种情况下,未能呈现图标的文档在IE中触发了一种“怪癖模式”。

不幸的是,这两个文件存在很多问题,很难找出触发特定IE“怪癖模式”的确切原因是什么导致了图标问题。

favicon工作的文档在W3C标记验证服务中引发61 errors and 3 warnings

favicon在IE中不起作用的文档在W3C标记验证服务中引发98 errors and 25 warnings

所以,可能是在失败的favicon文档中这些额外的37个错误和22个警告中的一个,这使得IE太混乱并且无法解析整个事物。

我没有潜入错误和警告,因为它们太多了。但我确信如果验证通过,那么两个页面上都会出现favicon。

答案 1 :(得分:1)

IE没有显示那些没有type =“image / x-icon”的图片的图片。

我认为最好的办法是将它们转换为另一种格式。 如果您手动显示图标,则可以下载每个图标,将其转换为图像程序,然后将其上传到您的网站。

答案 2 :(得分:0)

this文章所述:

  

Internet Explorer仅查看ICO文件的服务器MIME,否则   它忽略了文件。

尝试使用:

<!-- For IE6+ -->
<link rel="shortcut icon" href="path/to/favicon.ico" type="image/vnd.microsoft.icon">

答案 3 :(得分:0)

从我所看到的你正在使用

<link href="http://images1.content-ug.com/uniguru-cont/img/ug_favicon.ico" rel="shortcut icon" type="image/x-icon"/>

我想请你按照几个步骤来解决你的问题。

  1. this address
  2. 复制当前的图标
  3. 重命名
  4. 将其放在与有问题的网页相同的目录中
  5. 使用以下格式将重命名的favicon从有此问题的页面链接起来(首先放置rel属性):

    <link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>
    
  6. 最后,如果以上所有方法都无法解决您的问题,那么只需从链接中删除该类型(即使我真的不认为这会做任何更改)

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

    希望这能解决您的问题

答案 4 :(得分:0)

使用这是所有浏览器:

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

尝试这个内部头标记。

答案 5 :(得分:0)

以下是我在尝试为您的问题找到答案时发现的一些事情。

  1. 确保favicon.ico是有效的图标文件。那里有糟糕的ico文件,它们不是真正的图标,或者它们只是从坏的转换器程序中被破坏。所以首先重新制作favicon.ico,最重要的是。
  2. 确保文件名为favicon.ico并位于根目录中,以便于默认使用。
  3. 如果Internet Explorer位于本地硬盘上,则不会显示/显示图标。它需要在互联网上。这只是IE并非特定于其他浏览器。
  4. 如果您未在域名前使用www,则Internet Explorer也不想显示。
  5. 您可能还想清除缓存,以确保您没有查看旧的临时文件。
  6. 我希望这能帮到你一点点。

答案 6 :(得分:0)

问题是破坏的object / embed标签。删除下面的标记,favicon应该开始在该页面上工作(至少它在IE9的测试中完成)。

<object ...>
<embed class="u_v" type="application/x-shockwave-flash" ...>
</object>

无论如何你都不需要这个标记,因为它下面的脚本会为你生成适当的嵌入代码。

答案 7 :(得分:0)

  1. 将图标的文件名设为“ favicon.ico
  2. 将图标保留在根目录
  3. 无需包含<link rel="" .... />之类的内容。默认情况下,它将呈现名为“favicon.ico”的图标。

答案 8 :(得分:-1)

IE缓存了favicon。尝试转到Internet选项并删除那里的浏览历史记录。

答案 9 :(得分:-1)

尝试添加这两行,可能会有效

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