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 并尝试其中的解决方法。
我正在尝试让我的网站图标在 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 并尝试其中的解决方法。