用作图标的 PNG 或 ICO 缺乏透明度 (IE/Edge)

PNG or ICO used as favicon lacks transparency (IE/Edge)

我注意到 web-pages(包括我自己的)的某些图标显示不正确,透明度被忽略。

例如:

请随意使用 IE/Edge 测试我的 web-page 图标,它会显示类似的结果。我已确保使用 GIMP 导出透明度(在 alpha 层中)。下面附上一张图片供参考。

有没有人发现我的 header 网站图标编码或图片有问题?

<link rel="icon" type="image/x-icon" href="./favicon.ico?v=1.0">

IE 支持 ico 作为网站图标,您需要从 png 图像生成 ico。 IE 11 支持 PNG 图标。

上图的问题似乎是 Microsoft Edge 深色主题的错误,因为图标在浅色主题上按预期显示。

但是,通过添加以下代码行解决了 Internet Explorer 的问题(在网站图标下方显示文档图标):

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="./favicon.ico?v=1.0">