smartZone

Web-разработка / Url в CSS

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

Источник: Уроки CSS на Хабрахабре