Exemplu
Setați o imagine de fundal pentru un document:
document.body.style.backgroundImage = "url('img_tree.png')";
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Seturile de proprietate backgroundImage sau returnează imaginea de fundal a unui element.
Tip: În plus față de imaginea de fundal, ar trebui să specificați , de asemenea , o culoare de fundal. Fundalul-culoare va fi utilizată în cazul în care imaginea nu este disponibilă.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Sintaxă
Întoarcere proprietatea backgroundImage:
object .style.backgroundImage
Setați proprietatea backgroundImage:
object .style.backgroundImage="url(' Valori de proprietate Valoare Descriere url( 'URL' ) Locația fișierului imagine none Nici o imagine de fundal. Acest lucru este implicit initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: nici unul Întoarcere Valoare: Un șir, care reprezintă o imagine de fundal CSS Versiune CSS1
Mai multe exemple
Exemplu
Setați o imagine de fundal a unui anumit <div> Element:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')"; Încearcă - l singur »
Exemplu
Întoarcere imaginea de fundal a unui anumit <div> Element:
alert(document.getElementById("myDiv").style.backgroundImage); Încearcă - l singur »
Exemplu
Întoarcere imaginea de fundal a unui document:
alert(document.body.style.backgroundImage); Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Context
Tutorial CSS3: CSS3 Fundaluri
Referință CSS: background-image property
HTML DOM de referință: background property de background property
<Style Object