Kommentar: Nachdem CSS3 erschienen war, wurde die wiederholte Anzeigesituation verbessert. Die Immobilie in der Hintergrundgröße kann unsere vorherige Hoffnung, das Hintergrundbild zu dehnen und zu füllen, zutreffen. Die spezifische Verwendungsmethode ist wie folgt. Interessierte Freunde können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.
Wie man die Hintergrundbild -Dehnung füllt, klingt diese Frage einfach. Aber es tut mir leid, es dir zu sagen. Nicht so einfach wie wir denken.Stellen Sie beispielsweise einen Hintergrund in einem Behälter (Körper, Div, Span). Der Länge und der Breitenwert dieses Hintergrunds können nicht vor CSS2.1 geändert werden.
Das tatsächliche Ergebnis ist also, dass es nur wiederholt angezeigt werden kann, sodass die Eigenschaften wie Wiederholung, Wiederholungs-X, Wiederholung und No-Repeat erscheinen. Es wird verwendet, um die Anzeige von Hintergrundbildern zu steuern. Daher gibt es zwei Arten von Hintergrundbildern:
1. Es ist ein ganz großes Bild, die Größe und Flächengröße stimmen nur überein
2. Ein sehr kleines Balkendiagramm bildet nach dem Durchlaufen der Wiederholung einen sehr regelmäßigen großen Bildhintergrund.
Nachdem CSS3 erschienen war, wurde diese Situation jedoch verbessert. Die Immobilien im Hintergrund können unsere vorherigen Hoffnungen wahr werden.
Und diese Eigenschaft kann auf Firefox, Chrome und IE9 verwendet werden.
Die spezifische Verwendungsmethode lautet wie folgt:
Hintergrundbildgröße (numerische Darstellung):
#Hintergrundgröße {
Hintergrundgröße: 200px 100px;
}
Hintergrundbildgröße (prozentuale Darstellung):
#Hintergrundgröße2 {
Hintergrundgröße: 30% 60%;
}
Hintergrundbildgröße (gleichwertig, um das Bild zu erweitern, um das Element zu füllen, d. H. Deckwert):
#Hintergrundgröße3 {
Hintergrundgröße: Cover;
}
Hintergrundbildgröße (Reduzieren Sie das Bild in einem gleichen Verhältnis, um sich an die Größe des Elements anzupassen, das heißt, Wert):
#Hintergrundgröße4 {
Hintergrundgröße: enthalten;
}
Hintergrundbildgröße (füllt Elemente mit der Größe des Bildes selbst, d. H. Autowert):
#Hintergrundgröße5 {
Hintergrundgröße: Auto;
}