IE 11 上的 Favicon：为什么使用 url 有效而相对路径无效？答案

【问题标题】：Favicon on IE 11: Why using a url is working and relative path not?IE 11 上的 Favicon：为什么使用 url 有效而相对路径无效？
【发布时间】：2019-10-31 13:24:33
【问题描述】：

我正在尝试让我的网站图标在 IE11 上运行。

看了很多教程，找到下面的解决方法，添加

<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />

问题是图标没有出现在 IE11 上。奇怪的是，下面的行使图标在 Firefox 和 Chrome 上工作，因为 Firefox 和 Chrome 可以正确地看到图标在哪里。

<link rel="icon" type="image/x-icon" href="./assets/favicon_bnp.png">

但是，当我将第一行更改为下面的行，将网站图标托管在服务器上时，网站图标会出现在 IE11、Firefox 和 Chrome 上。

<link rel="shortcut icon" href="http://www.iconj.com/ico/f/q/fqp4dvw03t.ico" type="image/x-icon" />

我想让 href 使用相对路径。

除了网址，我尝试过更改网站图标，更改路径，均无济于事。

欢迎任何提示。

【问题讨论】：

如何打开 HTML 文件？您使用的网址是什么？
我正在使用http://localhost:4200@DenysSéguret
你解决了这个问题吗？
@DhananjaiPai 还没有

标签： html internet-explorer-11 favicon

【解决方案1】：

关于这个问题有一些解决方案：

确保图像是真正的 ico 文件，并将其放在 Web 服务器的根文件夹中。重命名位图不是真正的 ico。我使用https://favicon.io/ 来生成网站图标，它可以在 iE 中工作。
确保ico的<link>标签在<head>之间，并使用绝对路径而不是相对路径。
删除临时 Internet 文件并清除 IE 缓存。如果包含临时文件的文件夹已达到最大值，则可能无法使用网站图标。

有关更多信息，您可以参考this thread 和this thread 并尝试其中的解决方法。

【讨论】：

嗨@yu-zhou，问题已解决！泰来帮忙。确实是因为网站图标。