Свойство background-image
Последнее обновление: 10.01.2011
Свойство background-image задает фоновое изображение элементу.
Допустимые значения
- url — путь к файлу-картинке, для фонового изображения. Указывается в скобках и в кавычках (одинарных или двойных). Для сокращения объема кода, кавычки можно не ставить
- none — явно указывает на отсутствие фонового изображения
- inherit — наследует значение от родителя
| Значение по умолчанию | none |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Версия CSS | CSS 1 |
| Поддерживается браузерами |
|
Пример
.block {
background-image: url(images/bg.png);
background-attachment: fixed;
}
Твой код:
Результат:
большой полигон
Заметки
Используйте сокращенную запись свойств background — это позволит сократить объем CSS кода.
Хорошей практикой является явное указание цвета фона для некоторых элементов, чтобы элемент выделить на странице в случае когда фоновая картинка не загрузится (например, для кнопок).
Фоновая картинка перекрывает фоновый цвет.
По теме
- img vs background-image
- Градиент: CSS3 против CSS2 + картинка
- Масштабируемый фон
- Ресайз окна: потомок перерос родителя
- Спрайты: меньше картинок, больше скорость
- Центрирование картинки в блоке
- Свойство background-position
- Свойство background-color
- Свойство background-repeat
- Свойство background-clip
- Свойство background-origin
- Свойство background-size
Теги: фон, CSS свойства
Показать комментарии