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

Скрипты и советы | 19 декабря 2008

Недавно из-за своей невнимательности, наверное, обнаружил забавную вещь в 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 на Хабрахабре
Огненный лис / Firefox 4 beta 5, вероятно, будет поддерживать SVG в качестве простых иллюстраций (img в HTML, image в SVG) и фонов (background-image в CSS)

Сравнительно недавно в черновике пособия «Firefox 4 for developers» («Firefox 4 для разработчиков») явилась пометка о...

Подробнее
[Перевод] CraSSh: ломаем все современные браузеры вычислениями в CSS

Автор статьи: Константин Сафонов Не хочу читать эту техническую болтовню. Просто повали уже мой браузер. Что такое...

Подробнее
[Из песочницы] Простая анимация загрузки в Material Design (CSS3)

Доброго времени суток, уважаемые читатели Хабрахабра! Меня зовут Александр Шевченко, я начинающий веб-разработчик....

Подробнее
О свойстве CSS "background"

ОписаниеПараметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке,...

Подробнее
Блог им. ekwo / Привязываем иконку к каждому типу файлов на CSS

Предположим, что нам нужно сделать страничку, на которой будут выкладываться файлы разных типов (архивы, картинки,...

Подробнее
Сокращённые свойства

Зачем задавать картинку через background-image, если можно просто написать background? Давайте разберёмся...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями