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

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

Все это прекрасно работает для всех версий 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/.


person Zaphod Beeblebrox    schedule 23.04.2013    source источник


Ответы (1)


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

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

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

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

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

person Miguel-F    schedule 23.04.2013
comment
Привет, спасибо за ответ. Тогда как же работает .ico для facebook (ссылка в моем вопросе)? Также все .ico, похоже, работают на моем локальном хосте. Странный?!? - person Zaphod Beeblebrox; 24.04.2013