Das beste CSS Eigenschaft background-image-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Tag Definitionen und Anleitungen,Browser-Unterstützung,Tipps und Hinweise,Eigenschaft Wert,Online Beispiele,In Verbindung stehende Artikel, lernen
Hintergrundbild body-Element:
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)" |
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".
Tipp: Achten Sie darauf , die Hintergrundfarbe zu setzen, wenn das Bild nicht verfügbar ist, verwendet werden.
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 |
Mehrere Hintergrundbilder
Dieses Beispiel zeigt das Dokument mehrere Hintergrundbilder.
CSS Tutorial: CSS Hintergrund
CSS3 Tutorial: CSS3 Hintergrund