我的頁面包含未在Internet Explorer上顯示的幾個圖標-不顯示.ico文件

Question

我有一個允許用戶輸入網址的網站。 代碼進入並獲取該站點的收藏夾圖標並保存。 該圖標將顯示在網站上的其他位置。

對於Opera，FF，Safari和Chrome的所有版本，這一切都可以正常工作，但是在任何版本的IE上，似乎只顯示一部分。 我用來顯示收藏夾圖標的代碼很簡單：

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

圖片肯定存在，因為您可以看到它顯示在其他瀏覽器上，但是即使您在IE9中訪問了確切的URL，它的行為也像沒有這樣的文件。

如果您在IE9（或8或7）上訪問以下兩個URL，然后在任何其他瀏覽器上訪問，您將看到該圖像顯示在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#Image_format_support ，以了解哪些瀏覽器支持哪些圖像。

以下是指向相同基本問題的一些鏈接：

.ico沒有在IE中發布？ 有什么辦法可以在IE中顯示ico文件？

在圖像元素<img>中顯示.ico

如果未用作“ image / x-icon”，則IE不會在HTML中顯示.ico圖標。