Question

我创建了以下css文件：

@charset "utf-8";
/* CSS Document */

link {
icon:url(logo_2.png);
}

然后在我的html文件中，我将此css文件导入为：

<style="text/css">
   @import url("ico_css.css")
</style>

我想在网页上张贴一个图标。我错过了什么？

Answer 1

你不使用CSS添加favicon - 我不知道你在哪里有这个想法。

您可以使用：

HTML <link>元素，如下所示：
```
<link rel="shortcut icon" href="logo_2.png">
```
这根本不涉及CSS。 <link>元素不引用样式表，它引用图标文件本身。

某些浏览器不支持PNG作为首选项，因此您可能需要使用某些在线或离线工具将该PNG转换为ICO，以使其在浏览器中运行。
如果您要更新的静态页面太多，则必须将PNG转换为ICO，将图标文件放在网站的文档根目录中，然后将其命名为favicon.ico。您不必添加任何<link>标记;浏览器应自动发现图标。

Answer 2

使用此免费在线工具自动转换任何图片（它也保留透明背景），并输出正确大小的favicon.ico文件及其link代码。