爲什麼我的圖標不會出現在Firefox和IE中？

我指定我的圖標這樣的<head>區域：爲什麼我的圖標不會出現在Firefox和IE中？

<link href="/Content/images/icons/tick-circle.png" type="image/x-icon" rel="shortcut icon"> 
<link href="/Content/images/icons/tick-circle.png" type="image/png" rel="icon">

的位置是正確的，但是當我打開一個網頁我還沒有看到我的圖標。我認爲這是兩種最新的方式來爲最新版本的IE和Firefox指定ico。

來源

2012-05-18 Samantha J T Star

'image/x-icon'是**不是** PNG文件的正確MIME類型。因此，除非您在圖標網址上使用內容協商，否則第一行是完全錯誤的。 –

這很可能是一個緩存問題（但在清除瀏覽器緩存時它不會被清除......）。在其他瀏覽器上試用 – haltabush

清除瀏覽器緩存或刪除網站上的任何現有書籤。在Chrome中，我始終得到這個卡住的圖標。 – Joseph

favicon是其中一個怪異gotcha的。

使網站上的根目錄下的圖標並將其命名爲favicon.ico即

<link href="/favicon.ico" rel="shortcut icon" rel="icon" />

指'輔助功能」部分在維基百科上http://en.wikipedia.org/wiki/Favicon

來源

2012-05-18 12:52:47

試試下面的代碼。

<link rel="shortcut icon" href="your icon path">

確保一旦完成刪除所有緩存並重新啓動瀏覽器。一旦添加，只有鉻會顯示在現場。

也嘗試使用ico文件，而不是PNG或其他。

來源

2012-05-18 12:56:45

舊的瀏覽器希望這是在.ico格式，而不是PNG。請考慮改變它。

你可以通過轉換器簡單地做到這一點，如this one。

從Appart酒店，做文提到的和具有它像

<link href="\favicon.ico" rel="shortcut icon" rel="icon" />

代替。

爲了解決這個問題，清空所有緩存而不是最後幾個小時可能會訣竅。

來源

2012-05-18 12:57:17

你有這樣的事情在你的.htaccess和編輯的圖像或東西

# Sample of what if have in mine. this restricts the download the time you specify 
# 480 weeks 
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$"> 
Header set Cache-Control "max-age=290304000, public" 
</FilesMatch>

這是遠程的問題。但是像這樣的事情可能會阻止瀏覽器檢索這些文件擴展名。在這種情況下，請嘗試瀏覽瀏覽器的緩存？

來源

2012-05-18 13:03:34

原來的問題沒有提到服務器的類型。關於IIS呢？ – saluce

儘管您的圖標可以是PNG，但我認爲以.ico結尾的實際文件效果最好。此外，請使用完整的域名（即http://www.domain.com/images/favicon.ico），不要依賴相關鏈接。如果您嘗試在瀏覽器中加載收藏夾圖標並且失敗，只需刷新頁面即不會將其加載回來。清除瀏覽器的緩存，然後嘗試查看是否顯示圖標。

以下3圖標鏈接，FF，歌劇，鉻，IE和蘋果產品的工作

您的代碼「應該」是這樣的：

<link rel="icon" href="http://www.domain.com/content/images/icons/favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="http://www.domain.com/content/images/icons/favicon.ico" /> 
<link rel="apple-touch-icon" href="http://www.domain.com/content/images/icons/favicon.ico">

如果你想離開你的親戚聯繫，而不圖片擴展名：

<link rel="icon" href="/content/images/icons/tick-circle.png" type="image/x-icon" /> 
<link rel="shortcut icon" href="/content/images/icons/tick-circle.png" /> 
<link rel="apple-touch-icon" href="/content/images/icons/tick-circle.png">

來源

2012-05-18 13:13:36 Patriotec

PNG從來沒有工作的IE瀏覽器的圖標。就在昨天我看到Firefox改爲只使用.ico格式，但我無法證實這一點。我嘗試了這一點，發現PNG在FF中也不適用於我。

來源

2012-05-18 13:20:35 Rob

我不知道IE，但Firefox已經決定不再顯示網站圖示出於安全原因（即你可以把一個綠色的鎖作爲圖標，並可能誤導用戶相信你的網站是安全的。）

這裏有一個新手必看：http://www.neowin.net/news/firefox-removing-favicons-from-the-address-bar

UPDATE：關於圖標...使用這個標記：

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

我相信你的原代碼的問題是 '/' befo re到Content到favicon的路徑。

來源

2012-05-18 13:24:45 adamdehaven

不確定寫法，但我有FF的最新版本，它顯示圖標很好... –

他們在未來的版本中禁用它們。我更新了我應該使用的答案。 – adamdehaven

爲什麼我的圖標不會出現在Firefox和IE中？

回答

相關問題