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

CSS Eigenschaft background-image

Beispiele

Hintergrundbild body-Element:

body
{
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


Beispiele

Online Beispiele

Mehrere Hintergrundbilder
Dieses Beispiel zeigt das Dokument mehrere Hintergrundbilder.


In Verbindung stehende Artikel

CSS Tutorial: CSS Hintergrund

CSS3 Tutorial: CSS3 Hintergrund

CSS Eigenschaft background-image
10/30