Favicon на IE 11: почему использование URL работает, а относительный путь - нет? - PullRequest
0 голосов
/ 30 октября 2019

Я пытаюсь заставить мой favicon работать на IE11.

После прочтения многих руководств я нашел решение ниже, добавив

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

Проблема в том, что favicon не появляется наIE11. Странно то, что строка ниже заставляет favicon работать с Firefox и Chrome, так как Firefox и Chrome могут правильно видеть, где находится значок.

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

Однако, когда я изменяю первую строку на строку ниже, хостингfavicon на сервере, favicon появляется в IE11, Firefox и Chrome.

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

Я хотел бы, чтобы href использовал относительный путь.

Кроме URL, я пытался изменить иконки, изменить пути, но безрезультатно.

Любые подсказки приветствуются.

1 Ответ

1 голос
/ 31 октября 2019

Существует несколько решений этой проблемы:

  • Убедитесь, что изображение представляет собой настоящий файл ico и поместите его в корневую папку вашего веб-сервера. Переименование растрового изображения не является настоящим ico. Я использую https://favicon.io/ для генерации значка сайта, и он может работать в iE.
  • Убедитесь, что тег <link> ico находится между <head> и используйте абсолютный путь вместо относительного пути.
  • Удалите временные файлы Интернета и очистите кэш IE. Если папка с временными файлами достигла своего максимума, значок не может использоваться.

Для получения дополнительной информации вы можете обратиться к этой теме и этой теме и попробуйте обходные пути в них.

...