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?
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