CSS Eigenschaft background-image
Beispiele
Hintergrundbild body-Element:
{
background-image:url('paper.gif');
background-color:#cccccc;
}
Versuchen »
Tag Definitionen und Anleitungen
Hintergrund-Bild-Eigenschaft legt das Hintergrundbild eines Elements.
Die Gesamtgröße der Hintergrundelemente des Elements, einschließlich Polsterung und Rand (aber nicht einschließlich Ränder).
Standardmäßig Hintergrund-Bild wird in der oberen linken Ecke des Elements angeordnet ist, und wiederholen vertikal und horizontal.
| Standard: | keiner |
|---|---|
| Vererbung: | keine |
| Version: | CSS1 |
| JavaScript-Syntax: | Objekt object.style.backgroundImage = "url (stars.gif)" |
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
| Property | |||||
|---|---|---|---|---|---|
| background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Beachten Sie, dassIE8 und frühere Browser nicht mehrere Hintergrundbilder auf einem Element unterstützen
Beachten Sie, dassIE7 und früheren Versionen nicht "erben" Wert unterstützen. IE8 müssen definieren! DOCTYPE. IE9 unterstützen die "Vererbung".
Tipps und Hinweise
Tipp: Achten Sie darauf , die Hintergrundfarbe zu setzen, wenn das Bild nicht verfügbar ist, verwendet werden.
Eigenschaft Wert
| Wert | Erklärung |
|---|---|
| url( "URL") | URL des Bildes |
| keiner | Kein Hintergrundbild wird angezeigt. Dies ist der Standard |
| erben | Angeben, ein Hintergrundbild aus dem übergeordneten Element vererbt werden |
Online Beispiele
Mehrere Hintergrundbilder
Dieses Beispiel zeigt das Dokument mehrere Hintergrundbilder.
In Verbindung stehende Artikel
CSS Tutorial: CSS Hintergrund
CSS3 Tutorial: CSS3 Hintergrund