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 на Хабрахабре

Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.

Наш специалист ответит вам в течении суток.

19 декабря 2008 0 3 629 Версия для печати

Огненный лис / Firefox 4 beta 5, вероятно, будет поддерживать SVG в качестве простых иллюстраций (img в HTML, image в SVG) и фонов (background-image в CSS)

Сравнительно недавно в черновике пособия «Firefox 4 for developers» («Firefox 4 для разработчиков») явилась пометка о том, что Firefox 4 будет поддерживать SVG в HTML-элементах <img>, и в... читать далее