CSSでファビコンを使用する
かなり多くのページにファビコンを設定したい。ただし、HTML <head> 鬼ごっこ <link rel="shortcut icon" href="favicon.ico">、CSSファイルで設定したいと思います。一部のhtmlファイルへのアクセスが制限されており、ライフサイクルに対する制御が制限されています。
CSSからファビコンを設定することはできません-これを明示的に行いたい場合は、説明したようにマークアップで行う必要があります。
ただし、ほとんどのブラウザはfavicon.icoファイルはWebサイトのルートにあるため、 http://example.com にアクセスすると、ほとんどのブラウザは http://example.com/favicon.ico 自動的に。
必要はありません-faviconがfavicon.icoのルートに配置されている場合、ブラウザは自動的にそれを取得します。
動作していない場合、キャッシュをクリアするなど、マークアップなしで動作します。コードを別の名前で呼び出すか、たとえばCDNに配置する場合にのみ、コードを使用する必要があります。
（1）ドメインの一部で異なるファビコンが必要な場合、または（2）これをIE 8以前（新しいバージョンはテストしていない）で動作させたい場合） 、次にhtmlを編集してファビコンを指定する必要があります
私が知っているCSSを使用してファビコンをグローバルに変更する明示的な方法はありません。ただし、簡単なトリックを使用してオンザフライで変更できます。
まず、ファビコンを「favicon.ico」または覚えやすい、または作業中のサイトに関連する類似の名前に変更するだけです。次に、通常どおり、頭のファビコンへのリンクを追加します。次に、新しいファビコンをドロップするときは、古いファビコンと同じディレクトリにあること、同じファビコンが同じ名前であることを確認してください。
これは非常にエレガントなソリューションではなく、多少の努力が必要です。しかし、1つの場所に新しいファビコンをドロップすることは、すべてのリンクを検索して置換するよりもはるかに簡単です。さらに悪いことに、手動でリンクを変更することもできます。少なくともこの方法では、コードをいじる必要はありません。
もちろん、同じ名前の新しいファビコンをドロップすると古いファビコンが削除されるため、災害が発生した場合や古いデザインに戻したい場合は、必ず古いファビコンをバックアップしてください。