Beispiel
Legen Sie ein Hintergrundbild für ein Dokument:
document.body.style.backgroundImage = "url('img_tree.png')"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Background Eigenschaft Setzt oder sendet das Hintergrundbild eines Elements.
Tip: Zusätzlich zu dem Hintergrund-Bild , das Sie auch eine Hintergrundfarbe angeben soll. Die Hintergrundfarbe wird verwendet, wenn das Bild nicht verfügbar ist.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Bringen Sie die Background Eigenschaft:
object .style.backgroundImage
Stellen Sie die Background Eigenschaft:
object .style.backgroundImage="url(' Eigenschaftswerte Wert Beschreibung url( 'URL' ) Die Lage der Bilddatei none Kein Hintergrundbild. Dies ist die Standardeinstellung initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: keiner Rückgabewert: Ein String, repräsentieren das Hintergrundbild CSS Version CSS1
Mehr Beispiele
Beispiel
Legen Sie ein Hintergrundbild eines bestimmten <div> Element:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')"; Versuch es selber "
Beispiel
Bringen Sie das Hintergrundbild eines bestimmten <div> Element:
alert(document.getElementById("myDiv").style.backgroundImage); Versuch es selber "
Beispiel
Bringen Sie das Hintergrundbild eines Dokuments:
alert(document.body.style.backgroundImage); Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Hintergrund
CSS3 Tutorial: CSS3 Hintergrund
CSS - Referenz: background-image property
HTML - DOM - Referenz: background property
<Style - Objekt