Моя страница, содержащая несколько значков, не отображаемых в Internet Explorer - файлы.ico не отображаются

Question

У меня есть сайт, который позволяет пользователям вводить веб-адрес. Код отправляется и получает значок сайта и сохраняет его. Фавикон затем отображается в другом месте на сайте.

Все это прекрасно работает для всех версий Opera, FF, Safari и Chrome, но в любой версии IE кажется, что появляются только некоторые из них. Код, который я использую, чтобы показать значок:

<div class="pulledFavicon"><img src="img/favicons/amazoncouk.ico" alt="favicon" ></div>

Изображение определенно существует, потому что вы можете видеть его в других браузерах, но даже если вы посещаете точный URL в IE9, оно действует так, как будто такого файла нет.

Если вы посетите следующие два URL-адреса в IE9 (или 8 или 7), а затем в любом другом браузере, вы увидите, что изображение отображается во всем, кроме IE:

http://homestartpage.com/beta/img/favicons/simplybecom.ico

http://homestartpage.com/beta/img/favicons/scissorlabcom.ico

Странно, тот для Facebook работает!

http://homestartpage.com/beta/img/favicons/facebookcom.ico

Я не могу на всю жизнь понять, в чем разница!

К вашему сведению, проблему можно увидеть на месте по адресу http://homestartpage.com/beta/

Answer 1

Любимые значки с .ico Расширение - это особый вид файла изображения. Они не предназначены для отображения в формате HTML. Однако, как вы видите, некоторые браузеры добавили поддержку для этого. Лучше всего будет конвертировать / создавать изображения в более поддерживаемом формате для использования встраиваемыми. См. http://en.wikipedia.org/wiki/Comparison_of_web_browsers, для которых изображения поддерживаются в каких браузерах.

Вот несколько ссылок на один и тот же основной вопрос:

.ico не отображается в IE? Есть ли способ показать файл ico в IE?

Отображение.ico внутри элемента изображения ;

IE не отображает значки.ico в HTML, если не используется как "image/x-icon"