Почему этот код не получает изображение значка в строке заголовка веб-страницы - PullRequest
Новая
       11

Почему этот код не получает изображение значка в строке заголовка веб-страницы

0 голосов
/ 22 октября 2011

Я создал следующий CSS-файл: 

@charset "utf-8";
/* CSS Document */

link {
icon:url(logo_2.png);
}

Затем в своем HTML-файле я импортировал этот CSS-файл как: 

<style="text/css">
   @import url("ico_css.css")
</style>

Я пытаюсь поставить значок настраница интернета.Чего мне не хватает?

Ответы [ 2 ]

2 голосов
/ 22 октября 2011

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

Вы делаете это, используя:

  • HTML *Элемент 1007 *, например: 

    <link rel="shortcut icon" href="logo_2.png">

    Это вообще не связано с CSS.Элемент <link> не ссылается на таблицу стилей, он ссылается на сам файл значков.

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

  • Если для обновления слишком много статических страниц, необходимо преобразовать PNG в ICO, поместить файл значков в корень документавашего сайта и назовите его favicon.ico.Вам не нужно добавлять какие-либо теги <link>;браузеры должны автоматически обнаружить значок.

1 голос
/ 22 октября 2011

Используйте этот бесплатный онлайн-инструмент для автоматического преобразования любого изображения (оно также сохраняет прозрачный фон), и он выведет файл favicon.ico правильного размера и его код link.

http://tools.dynamicdrive.com/favicon/

...