используя favicon с css - PullRequest
       8

используя favicon с css

42 голосов
/ 31 декабря 2011

Я хочу установить иконку для довольно большого количества страниц. Но вместо использования тега HTML <head> <link rel="shortcut icon" href="favicon.ico"> я бы хотел установить его в файле CSS. У меня ограниченный доступ к некоторым html-файлам и ограниченный контроль над их жизненным циклом.

Ответы [ 4 ]

44 голосов
/ 31 декабря 2011

Вы не можете установить значок из CSS - если вы хотите сделать это явно, вы должны сделать это в разметке, как вы описали.

Большинство браузеров, однако, ищут файл favicon.ico в корне веб-сайта, поэтому при доступе к http://example.com большинство браузеров будут автоматически искать http://example.com/favicon.ico.

8 голосов
/ 31 декабря 2011

Вам не нужно - если favicon находится в корне на favicon.ico, браузеры автоматически подберут его.

Если вы не видите его работающим, очистите кэш и т. Д.,это работает без разметки.Вам нужно использовать код только в том случае, если вы хотите назвать его как-нибудь еще или поместить его в CDN, например.

3 голосов
/ 02 ноября 2012

Если (1) вам нужен значок, отличающийся для некоторых частей домена, или (2) вы хотите, чтобы это работало с IE 8 или более ранней версией (не тестировал более новую версию), затем Вы должны отредактировать HTML, чтобы указать значок

2 голосов
/ 27 февраля 2014

Не существует явного способа изменить значок глобально с помощью CSS, о котором я знаю. Но вы можете использовать простой трюк, чтобы изменить его на лету.

Сначала просто назовите или переименуйте значок в "favicon.ico" или что-то подобное, что будет легко запомнить или уместно для сайта, над которым вы работаете. Затем добавьте ссылку на значок в заголовке, как обычно. Затем, когда вы добавляете новый значок, просто убедитесь, что он находится в том же каталоге, что и старый, и что он имеет то же имя, и вот вам!

Это не очень элегантное решение, и оно требует определенных усилий. Но добавить новую иконку в одном месте гораздо проще, чем найти и заменить все ссылки или, что еще хуже, изменить их вручную. По крайней мере, в этом случае не нужно возиться с кодом.

Конечно, добавление нового значка с тем же именем приведет к удалению старого, поэтому обязательно сделайте резервную копию старого значка в случае аварии или если вы когда-нибудь захотите вернуться к старому дизайну.

...