style backgroundImage -Eigenschaft
Beispiel
Legen Sie ein Hintergrundbild für ein Dokument fest:
document.body.style.backgroundImage = "url('img_tree.png')";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft backgroundImage legt das Hintergrundbild eines Elements fest oder gibt es zurück.
Tipp: Neben dem Hintergrundbild sollten Sie auch eine Hintergrundfarbe angeben. Die Hintergrundfarbe wird verwendet, wenn das Bild nicht verfügbar ist.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Geben Sie die backgroundImage-Eigenschaft zurück:
object.style.backgroundImage
Legen Sie die backgroundImage-Eigenschaft fest:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Eigenschaftswerte
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 |
Technische Details
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, der das Hintergrundbild darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Legen Sie ein Hintergrundbild eines bestimmten <div>-Elements fest:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Beispiel
Gibt das Hintergrundbild eines bestimmten <div>-Elements zurück:
alert(document.getElementById("myDiv").style.backgroundImage);
Beispiel
Gibt das Hintergrundbild eines Dokuments zurück:
alert(document.body.style.backgroundImage);
Verwandte Seiten
CSS-Tutorial: CSS-Hintergrund
CSS3-Tutorial: CSS3-Hintergründe
CSS-Referenz: background-image-Eigenschaft
HTML-DOM-Referenz: Hintergrundeigenschaft