Wie setze ich die Hintergrundgröße auf "cover", plus ein bisschen mehr in CSS?

8

Ich habe einen Container mit einer festen Höhe von 850px. Ich möchte ein Hintergrundbild, das den gesamten Hintergrund auf allen Ebenen des Zooms abdeckt. Ich würde background-size: cover verwenden, aber ich brauche es ein bisschen größer als cover wird es schaffen. Ich möchte, dass ein Teil des Hintergrunds aus dem Container ausgeblutet wird und unsichtbar bleibt, um eine Parallaxe zu erzeugen.

Grundsätzlich wie kann ich background-size: cover verwenden und die Größe ein wenig erhöhen?

edit: Vergessen zu erwähnen, dass ich auch background-attachment: fixed verwende, also wenn ich mich nicht irre, wird das tatsächlich über die Größe des Browserfensters (?) berechnet und nicht der 850px große Container. Wie würde ich in diesem Fall diese zusätzliche Blutung hinzufügen?

    
Sam D20 14.06.2014, 20:35
quelle

2 Antworten

4

Mit background-size: auto 110%; gelang der Trick.

    
Sam D20 14.06.2014, 21:03
quelle
0

Ich habe das Container-Div auf: Höhe: 100vh, Überlauf: versteckt; dann dann die innere auf 110% (oder wie lange du willst in deiner paralax), jetzt kannst du die hintergrundeigenschaft ändern und die abdeckung funktioniert immer

    
Charlie Tupman 21.04.2016 14:17
quelle

Tags und Links