Vlastnost stylu backgroundImage
Příklad
Nastavení obrázku na pozadí dokumentu:
document.body.style.backgroundImage = "url('img_tree.png')";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost backgroundImage nastavuje nebo vrací obrázek pozadí prvku.
Tip: Kromě obrázku pozadí byste měli určit také barvu pozadí. Pokud obrázek není k dispozici, použije se barva pozadí.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Vraťte vlastnost backgroundImage:
object.style.backgroundImage
Nastavte vlastnost backgroundImage:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | žádný |
---|---|
Návratová hodnota: | Řetězec představující obrázek na pozadí |
Verze CSS | CSS1 |
Další příklady
Příklad
Nastavte obrázek na pozadí konkrétního prvku <div>:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Příklad
Vraťte obrázek na pozadí konkrétního prvku <div>:
alert(document.getElementById("myDiv").style.backgroundImage);
Příklad
Vraťte obrázek na pozadí dokumentu:
alert(document.body.style.backgroundImage);
Související stránky
CSS tutoriál: CSS Background
CSS3 tutoriál: CSS3 Backgrounds
CSS reference: vlastnost background-image
HTML DOM reference: vlastnost pozadí