Video: Skalierbare Hintergründe in CSS

Wie kann ich CSS verwenden, um einen Parallaxe -Scrolling -Effekt zu erstellen? -Tachment -Eigenschaft und festlegen ihren Wert auf fest. Dies führt dazu, dass das Hintergrundbild fest bleibt, während der Inhalt darüber scrollt. Hier ist ein Beispiel:

Body {
Hintergrund-Image: url ('image.jpg'); Verwenden Sie CSS, um ein Vollbild-Hintergrundbild zu erstellen? Dadurch wird das Bild so skaliert, dass er den gesamten Container abdeckt. Hier ist ein Beispiel:

Body {
Hintergrund-Image: url ('image.jpg');
Hintergrundgröße: Cover; >

Wie kann ich die Opazität eines CSS -Hintergrundbildes ändern? Pseudo-Element, um eine Überlagerung mit einer bestimmten Deckkraft zu erstellen. Hier ist ein Beispiel:

Body :: After {

Inhalt: '';
Hintergrund: url ('image.jpg'); ;
links: 0;
unten: 0;
rechts: 0;
Position: absolut; -1;
}

Das obige ist der detaillierte Inhalt vonVideo: Skalierbare Hintergründe in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!