Свойство background-image

Последнее обновление: 10.01.2011

Свойство background-image задает фоновое изображение элементу.

Допустимые значения

  • url — путь к файлу-картинке, для фонового изображения. Указывается в скобках и в кавычках (одинарных или двойных). Для сокращения объема кода, кавычки можно не ставить
  • none — явно указывает на отсутствие фонового изображения
  • inherit — наследует значение от родителя
Значение по умолчанию none
Применимо ко всем элементам
Наследование нет
Версия CSS CSS 1
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример

.block {
background-image: url(images/bg.png);
background-attachment: fixed;
}
Твой код:
Результат:
большой полигон

Заметки

Используйте сокращенную запись свойств background — это позволит сократить объем CSS кода.

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

Фоновая картинка перекрывает фоновый цвет.

По теме

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