Styl agtergrondBeeld -eiendom
Voorbeeld
Stel 'n agtergrondprent vir 'n dokument:
document.body.style.backgroundImage = "url('img_tree.png')";
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die backgroundImage-eienskap stel of gee die agtergrondprent van 'n element terug.
Wenk: Benewens die agtergrondprent moet jy ook 'n agtergrondkleur spesifiseer. Die agtergrondkleur sal gebruik word as die prent nie beskikbaar is nie.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaksis
Gee die backgroundImage-eienskap terug:
object.style.backgroundImage
Stel die backgroundImage-eienskap:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | geen |
---|---|
Terugkeerwaarde: | 'n String wat die agtergrondprent voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Stel 'n agtergrondprent van 'n spesifieke <div>-element:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Voorbeeld
Gee die agtergrondprent van 'n spesifieke <div>-element terug:
alert(document.getElementById("myDiv").style.backgroundImage);
Voorbeeld
Gee die agtergrondprent van 'n dokument terug:
alert(document.body.style.backgroundImage);
Verwante bladsye
CSS-tutoriaal: CSS-agtergrond
CSS3-tutoriaal: CSS3-agtergronde
CSS verwysing: agtergrond-beeld eiendom
HTML DOM verwysing: agtergrond eiendom