【发布时间】：2018-08-23 06:54:48
【问题描述】：
我想为相当多的页面设置网站图标。但是，我不想使用 HTML <head> 标签<link rel="shortcut icon" href="favicon.ico">，而是将其设置在 CSS 文件中。我对某些 html 文件的访问权限有限，对其生命周期的控制也有限。
【问题讨论】：
【发布时间】：2018-08-23 06:54:48
【问题描述】：
您不能从 CSS 中设置网站图标 - 如果您想明确地这样做，您必须按照您的描述在标记中进行。
但是，大多数浏览器会在网站的根目录中查找 favicon.ico 文件 - 因此，如果您访问 http://example.com，大多数浏览器会自动查找 http://example.com/favicon.ico。
【讨论】：
-
那是蹩脚的。 Favicon 实际上是关于设置网页样式的，它肯定应该移到 css 中！
-
@AugustinRiedinger - 页面的 favicon 部分如何？它永远不会出现在页面本身上。
-
没错。我想这取决于您在网页样式中包含的内容。就我而言，我一直在定制一个开源 web 服务，并且为此目的有一些特殊的 css。我认为 favicon 应该是此自定义的一部分，并且在 css 文件中会很容易！
-
@AugustinRiedinger - 你知道改变这种情况的任何举措吗？我想为它做出贡献。
-
有趣的问题。我会说：1.在谷歌中更深入地搜索这个问题。 2. 查找有关 favicon 的 W3C 文章/规范。 3. 与 W3C 成员或 Mozilla 成员保持联系（我猜答案的机会比 google 多）。 4.写一篇关于这个的博客文章，看看人们的反应。 5. 制作一个专门用于此的网页。试着让它嗡嗡作响！基本上，试着找到更多支持这种进化的人来增加体重！ :)
您不需要 - 如果 favicon 位于 favicon.ico 的根目录中，浏览器会自动选择它。
如果您没有看到它工作，请清除您的缓存等，它确实可以在没有标记的情况下工作。仅当您想将其称为其他名称或将其放在 CDN 上时，才需要使用该代码。
【讨论】：
如果 (1) 您需要一个与域的某些部分不同的网站图标，或者 (2) 您希望它适用于 IE 8 或更早版本（尚未测试任何较新版本），然后 您必须编辑 html 以指定网站图标
【讨论】：
据我所知，没有明确的方法可以使用 CSS 全局更改网站图标。但是您可以使用一个简单的技巧来即时更改它。
首先只需将网站图标命名或重命名为“favicon.ico”或类似的易于记忆的或与您正在处理的网站相关的名称。然后像往常一样将链接添加到头部的图标。然后，当您放入一个新的图标时，只需确保它与旧图标位于同一目录中，并且具有相同的名称，然后就可以了！
这不是一个非常优雅的解决方案，并且需要一些努力。但是在一个地方放一个新的图标比查找和替换所有链接要容易得多，或者更糟的是，手动更改它们。至少这种方式不涉及乱码。
当然，放入同名的新图标会删除旧图标，因此请务必备份旧图标，以防万一发生灾难，或者如果您想回到旧设计。
【讨论】：