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 4 050   Версия для печати


Похожие публикации

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

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

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

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

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

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

О свойстве CSS "background"

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

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

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

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

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

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте Студия создания и продвижения сайтов hover.com.ua