我想为相当多的页面设置favicon。但是,我不想使用HTML <head>
标记<link rel="shortcut icon" href="favicon.ico">
,而是将其设置在CSS文件中。我对某些html文件的访问权限有限,并且对其生命周期的控制有限。
答案 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中。然后,当您放入一个新的图标时,只需确保它与旧图标位于同一目录中,并且它具有相同的名称,然后就可以了!
这不是一个非常优雅的解决方案,需要一些努力。但是,在一个地方放置一个新的图标比查找和替换所有链接要容易得多,或者更糟糕的是,手动更改它们。至少这种方式不涉及搞乱代码。
当然,使用相同名称删除新的图标会删除旧图标,因此请确保在发生灾难时备份旧的图标,或者如果您想要回到原来的设计。