CSS/properties/background-image

Материал из Энциклопедия о программировании
Перейти к: навигация, поиск

background-image — CSS свойство, что устанавливает фоновое изображение для элемента.

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

Синтаксис

CSS2.1

background-image: url(путь к файлу) | none | inherit

CSS3

background-image: url(путь к файлу) | none[, url(путь к файлу) | none]*

Значения

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

Особенности

При кроссдоменном запросе ресурса по защищённому протоколу https соединение не создаётся, то есть если в значении url прописать URL до картинки на другом домене, то запрос изображения производится не будет, если используется соединение по защищённому протоколу https.

Задать прозрачность фонового изображения до сих (CSS3) пор по-нормальному нельзя т.к. свойство background-opacity ещё так и не ввели.