Свойство BACKGROUND-IMAGE
| Браузер | Internet Explorer | Firefox | Mozilla | Opera | Netscape | Safari | |||||||
| Версия | 5.5 | 6.0 | 7.0 | 1.0 | 2.0 | 1.7 | 7.0 | 8.0 | 9.0 | 6.0 | 7.0 | 8.0 | 1.0 |
| Поддержка |  |
|
|
|
|
|
|
|
|
|
|
|
|
Краткая информация
| CSS | CSS1 |
| Значение по умолчанию | none |
| Наследование | Нет |
| Применяется | Ко всем элементам |
| Аналог HTML | <body background="URL"> |
| Ссылка на спецификацию | http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-image |
Описание
Задает фоновое изображение для элемента. При задан цвет фона и картинка фона, то сначала будет фон закрашен, а после загрузки картинки появится картинка выше фона. То же произойдет, если изображение не доступно или отключен их показ в браузере. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет.
Синтаксис
Аргументы
В качестве значения используется путь к графическому файлу, который указывается внутри конструкции url(). Путь к файлу при этом можно писать как в кавычках (двойных или одинарных), так и без них. Когда фоновое изображение не требуется, аргумент может принимать значение none.
Пример
 |
 |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>background-image</title>
<style type="text/css">
BODY {
background-image: url("/images/sample.jpg"); /* Путь к фоновому изображению */
background-color: #fe2; /* Цвет фона */
}
</style>
</head>
<body>
<p>...</p>
</body>
</html>
Объектная модель
[window.]document.getElementById("elementID").style.backgroundImage