html - 为什么这段代码没有得到网页标题栏上的图标图像

Question

我创建了以下 css 文件：

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

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

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

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

我正在尝试在网页上放置一个图标。我错过了什么？

score 2 · Accepted Answer

你不使用 CSS 来添加网站图标——我不知道你从哪里得到这个想法。

你这样做使用：

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

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

score 1 · Accepted Answer

使用这个免费的在线工具自动转换任何图像（它也保留透明背景），它将输出一个适当大小的favicon.ico文件及其link代码。

2 回答 2