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 machen. Ich möchte, dass ein Teil des Hintergrunds aus dem Container ausgeblutet wird und unsichtbar bleibt, um eine Parallaxe zu erzeugen.Wie setze ich Hintergrundgröße auf "cover", plus ein bisschen mehr in CSS?
Grundsätzlich, wie kann ich background-size: cover
verwenden, und erhöhen Sie die Größe ein wenig darüber hinaus?
bearbeiten: Vergessen zu erwähnen, ich verwende auch background-attachment: fixed
, also wenn ich mich nicht irre, wird es 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?
Hast du es mit 'padding-top' versucht? – Vucko
Ich würde einen Container in den Strom setzen und ihn etwas "größer" machen, dann den Hintergrund auf "Cover" legen und den anderen mit "overflow: hidden" ... zumindest würde ich dort anfangen . –
@Vucko wie meinst du? –