Przykład
Ustawić obraz tła dla dokumentu:
document.body.style.backgroundImage = "url('img_tree.png')";
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zestawy własności backgroundImage lub zwraca obraz tła elementu.
Tip: W uzupełnieniu do tła wizerunku należy również określić background-color. Tło kolor będzie używany wtedy, gdy obraz jest niedostępny.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
backgroundImage | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
Składnia
Zwraca właściwość backgroundImage:
object .style.backgroundImage
Ustaw właściwość backgroundImage:
object .style.backgroundImage="url(' wartości nieruchomości Wartość Opis url( 'URL' ) Położenie pliku obrazu none Brak obrazu tła. Jest to domyślny initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: Żaden Zwracana wartość: Ciąg reprezentujący obraz tła Wersja CSS CSS1
Więcej przykładów
Przykład
Ustawić obraz tła określonego <div> element:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')"; Spróbuj sam "
Przykład
Powrót obraz tła określonego <div> element:
alert(document.getElementById("myDiv").style.backgroundImage); Spróbuj sam "
Podobne strony
Kurs CSS: CSS Tło
Tutorial CSS3: CSS3 Tła
Odniesienie CSS: background-image property
Odniesienia HTML DOM: background property
<Style obiektu