background-image
background-image
| Браузер | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 2.0 | 3.0 | 1.7 | 1.0 | 2.0 | 3.0 |
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
Краткая информация
| CSS | CSS1 |
|---|---|
| Значение по умолчанию | none |
| Наследуется | Нет |
| Применяется | Ко всем элементам |
| Аналог HTML | <body background="URL"> |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/colors.html#propdef-background-image |
Описание
Устанавливает фоновое изображение для элемента. Если одновременно для элемента
задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью.
То же произойдет, если изображение не доступно или отключен их показ в браузере.
В случае наличия в рисунке прозрачных областей, через них будет проглядывать
фоновый цвет.
Синтаксис
background-image: url(путь к файлу) | none
Аргументы
В качестве значения используется путь к графическому файлу, который указывается
внутри конструкции url(). Путь к файлу при этом
можно писать как в кавычках (двойных или одинарных), так и без них. Когда фоновое
изображение не требуется, аргумент может принимать значение none.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<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/bg.gif’); /* Путь к фоновому
изображению */
background-color: #fc0; /* Цвет фона */
}
</style>
</head>
<body>
<p>…</p>
</body>
</html>
Объектная модель
[window.]document.getElementById("elementID").style.backgroundImage