我有一个允许用户输入网址的网站。代码进入并获取网站的favicon并保存。然后,favicon将显示在网站的其他位置。
这一切适用于所有版本的Opera,FF,Safari和Chrome,但在任何版本的IE上,似乎只有一些出现。我用来显示favicon的代码很简单:
<div class="pulledFavicon"><img src="img/favicons/amazoncouk.ico" alt="favicon" ></div>
图像肯定存在,因为你可以看到它出现在其他浏览器上,但即使你访问IE9中的确切网址,它就像没有这样的文件。
如果您在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/
处就地看到答案 0 :(得分:1)
带有.ico
扩展名的喜欢图标是一种特殊的图像文件。它们不打算与HTML一起显示。但是,正如您所看到的,某些浏览器已经添加了对它的支持。您最好的选择是以更受支持的格式转换/创建图像以便内联使用。有关哪些浏览器支持哪些图片,请参阅http://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support。
以下是一些相同基本问题的链接:
.ico not dislayed in IE? is there any way i can show ico file in IE?
Display an .ico within an image element <img>
IE doesn't show .ico icons in HTML if not served as "image/x-icon"