Фавикон не работает в Internet Explorer

Я сделал все, что мог найти, чтобы заставить favicon работать, но только в IE это не работает.

Это в <head>

<link rel="shortcut icon" href="//www.site.com/img/favicon.ico">

Я пытался создать favicon с помощью favicon.co.uk и favicon-generator.org/, но в IE ничего не работает.

Это 16x16 и файл.ico.

В Google Chrome и Firefox все работает просто отлично.

При закладке в IE также отображается значок. Но не в верхней панели.

Что здесь не так?

Редактировать:

Я также попробовал это:

<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
Источник

3 ответа

Решение

Для кого это интересно:

Это работает сейчас, я попробовал другой сайт, чтобы создать значок, и это сработало.

<link rel="shortcut icon" href="http://www.url.com/img/favicon.ico" type="image/x-icon">
Источник

Столкнулся с такой же проблемой. Решил мой случай легко.

Кажется, IE не принимает значки из подпапок. Попробуйте поместить favicon.ico в корневой каталог.

  1. Поместите файл favicon в корень (/favicon.ico).

  2. Переписать заголовки тегов:

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

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

Надеюсь, это помогло

Источник

Исправьте опечатку изображения. Также попробуйте добавить type="image/x-icon" к тегу изображения.

<link rel="shortcut icon" href="http://www.site.com/img/favicon.ico" type="image/x-icon">

---- Редактировать ----

Похоже на то rel="shortcut icon" является собственностью IE. Наиболее используемый стандарт - поместить значок в корень вашего сайта и назвать его favicon.ico

Если вы можете использовать один и тот же значок для всех своих страниц, это будет признано всеми браузерами без необходимости декларировать его в HTML.

Более подробно там: http://mathiasbynens.be/notes/rel-shortcut-icon

Источник
Другие вопросы по тегам