Web-разработка / Url в CSS
Недавно из-за своей невнимательности, наверное, обнаружил забавную вещь в css (поиском искал на Хабре — не нашел).
При указании url фоновой картинки я забыл упомянуть расширение:
Источник: Уроки CSS на Хабрахабре
.somediv {
background-image: url('img/background');
}
Но браузер (Firefox) спокойно вывел мой png-фон.
Мне стало интересно и я решил проверить. Создал 3 разноформатных файла, с одним и тем же именем «background» и естественно поместил их в одну папку. Использовав вышеуказанную «очепятку» узнал:
Из всех трёх файлов браузеры первым показывают именно png. Если убратьпереименовать png, выведет jpeg и уже только потом gif.
Проверял в Firefox, Safari, Opera, IE7 и Chrome.
UPD: объяснения в комментарии №1 и комментарии №2… ну и во всех остальных. :-)Источник: Уроки CSS на Хабрахабре
0 Комментарии