IE 11 上的 Favicon:为什么使用 url 有效而相对路径无效?

Favicon on IE 11: Why using a url is working and relative path not?

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

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

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

问题是 IE11 上没有显示图标。奇怪的是下面的行使 favicon 在 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 使用相对路径。

除了URL,我试过更改网站图标,更改路径,但无济于事。

欢迎任何提示。

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

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

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