无法让Favicon.ico显示

时间:2010-02-04 16:42:27

标签: html favicon

我已将我的favicon.ico文件复制到我的Apache文档根目录。我不得不为它添加一个Apache Rewrite异常,现在可以从www.example.com/favicon.ico访问它。但是,当我点击我的主URL时,它没有显示出来。

我认为您所要做的就是将具有正确权限的文件复制到doc根目录中?我需要进行php更改吗?谢谢!

8 个答案:

答案 0 :(得分:12)

尝试将此标记放在文档的头部:

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

答案 1 :(得分:4)

IE和Firefox的行为可能不同(不确定您使用的是哪一个)。尝试将页面添加为书签,然后单击书签(以加载页面)。在您执行此操作后退出浏览器并查看if是否显示。

如果不起作用,请尝试清除浏览器缓存并重复上述应修复的步骤。我以前见过你的问题了!

答案 2 :(得分:1)

在您的浏览器记住您的域名没有域名并且因此没有发出新请求后,您是否上传了favicon?

答案 3 :(得分:1)

favicon图标对于不同的浏览器表现不同&amp;有时如果它在FF&amp;在IE中不起作用。 尝试清除浏览器的缓存和favicon ico的标准代码后, 只需将以下标记放在索引文件中,或者放在项目的常用文件中。

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

虽然新浏览器支持GIF和PNG图像,但我建议始终将图像保存为favicon.ico。

答案 4 :(得分:1)

favicon.ico引用必须是绝对URL,而不是相对URL。 使用这个:

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

我的状态是

favicon.ico () shows up in:

    IE 9.0.8
    Safari 5.1.7 

Fails in:

    FF 28.0
    Google Chrome 34.0

更改为绝对值

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

导致所有浏览器找到并显示favicon.ico

答案 5 :(得分:0)

尝试将ico文件放在root中的images文件夹中。这就是许多浏览器寻找favicon的地方。这是要记住的事情。 Favicon是一个非常宽松的标准,如果你甚至可以称它为浏览器支持,而不是服务器支持。浏览器本身实际上在单独的调用中获取favicons以显示在他们的收藏夹栏或选项卡上... favicon文件只需放置在浏览器可以找到的地方。

答案 6 :(得分:0)

如果某些浏览器位于根目录中而没有向页面添加任何内容,则会选择该图标,但IE和FF不会。将此代码添加到页面的head部分

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

答案 7 :(得分:0)

在Chrome中,您似乎无法使用链接(例如https://),而是必须将favicon.icoindex.html放在同一文件夹中。对于任何其他文件,它似乎使用链接。