我想為相當多的頁面設置favicon。但是,不使用HTML & lthead & gt標簽& ltlink rel= "快捷方式圖標" href = " favicon.ico " & gt,我想在CSS文件中設置它。我對一些html文件有有限的訪問權,對它們的生命周期也有有限的控制權。
你不能從CSS中設置favicon如果你想顯式地這樣做,你必須像你描述的那樣在標記中這樣做。
然而,大多數瀏覽器會在網站的根目錄下尋找favicon.ico文件——所以如果你訪問http://example.com,大多數瀏覽器會自動尋找http://example.com/favicon.ico。
你不需要——如果favicon位于favicon.ico的根目錄下,瀏覽器會自動選擇它。
如果你看不到它工作,清除你的緩存等,它沒有標記工作。你只需要使用代碼,如果你想調用它,或者把它放在一個CDN上。
如果(1)您需要一個不同于域的某些部分的網站圖標,或者 (2)你想讓它在IE 8或更老的版本上工作(沒有測試過任何更新的版本),那么 你必須編輯html來指定圖標
據我所知,沒有明確的方法可以使用CSS來全局改變favicon。但是你可以用一個簡單的技巧來改變它。
首先,只需將網站圖標命名或重命名為“favicon.ico”或類似的易于記憶的名稱,或者與您正在開發的網站相關的名稱。然后像往常一樣,將鏈接添加到標題中的favicon。然后,當你放入一個新的圖標時,只要確保它和舊圖標在同一個目錄下,并且有相同的名字,就可以了!
這不是一個非常好的解決方案,而且需要一些努力。但是在一個地方放入一個新的favicon比查找和替換所有的鏈接要容易得多,或者更糟糕的是,手動改變它們。至少這種方式不涉及亂搞代碼。
當然,放入同名的新圖標會刪除舊圖標,所以確保備份舊圖標以防災難,或者如果你想回到舊設計。
添加這個是作為一個現代的更新:
設置一個這樣的圖標
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
您也可以使用png文件。