пример
Установить фоновое изображение для документа:
document.body.style.backgroundImage = "url('img_tree.png')"; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Наборы собственности BackgroundImage или возвращает фоновое изображение элемента.
Tip: В дополнении к фоновому изображению , вы должны также указать цвет фона. Цвет фона будет использоваться, если изображение недоступно.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| backgroundImage | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Синтаксис
Возвращает свойство BackgroundImage:
object .style.backgroundImage
Установите свойство BackgroundImage:
object .style.backgroundImage="url(' Значения свойств Стоимость Описание url( 'URL' ) Расположение файла изображения none Нет фонового изображения. Это по умолчанию initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: никто Возвращаемое значение: Строка, представляющая фоновое изображение CSS версия CSS1
Еще примеры
пример
Установить фоновое изображение определенного <div> элемент:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')"; Попробуй сам "
пример
Верните фоновое изображение конкретного <div> элемент:
alert(document.getElementById("myDiv").style.backgroundImage); Попробуй сам "
пример
Верните фоновое изображение документа:
alert(document.body.style.backgroundImage); Попробуй сам "
Похожие страницы
CSS учебник: CSS фона
CSS3 учебник: CSS3 Backgrounds
Ссылка CSS: background-image property
HTML DOM ссылка: background property
<Style Object