使用favicon与CSS

时间:2011-12-31 09:45:58

标签: html css favicon

我想为相当多的页面设置favicon。但是,我不想使用HTML <head>标记<link rel="shortcut icon" href="favicon.ico">,而是将其设置在CSS文件中。我对某些html文件的访问权限有限,并且对其生命周期的控制有限。

4 个答案:

答案 0 :(得分:43)

您无法从CSS设置图标 - 如果您想明确地执行此操作,则必须按照您所描述的标记执行此操作。

但是,大多数浏览器会在网站的根目录中查找favicon.ico文件 - 因此,如果您访问http://example.com,大多数浏览器都会自动查找http://example.com/favicon.ico

答案 1 :(得分:7)

您不需要 - 如果favicon放在favicon.ico的根目录中,浏览器会自动选择它。

如果您没有看到它正常工作,请清除缓存等,它可以在没有标记的情况下工作。您只需要使用代码,如果您想将其称为其他内容,或者将其放在CDN上。

答案 2 :(得分:3)

如果(1)你需要一个与域的某些部分不同的图标,或者 (2)你希望这适用于IE 8或更早版本(尚未测试任何更新的版本),然后 你必须编辑html来指定favicon

答案 3 :(得分:1)

没有明确的方法可以使用我所知道的CSS全局更改favicon。但是你可以使用一个简单的技巧来动态改变它。

首先将favicon命名或重命名为“favicon.ico”或类似的易于记忆的东西,或者与您正在处理的网站相关。然后像往常一样将链接添加到头部的favicon中。然后,当您放入一个新的图标时,只需确保它与旧图标位于同一目录中,并且它具有相同的名称,然后就可以了!

这不是一个非常优雅的解决方案,需要一些努力。但是,在一个地方放置一个新的图标比查找和替换所有链接要容易得多,或者更糟糕的是,手动更改它们。至少这种方式不涉及搞乱代码。

当然,使用相同名称删除新的图标会删除旧图标,因此请确保在发生灾难时备份旧的图标,或者如果您想要回到原来的设计。