Parallax Bild füllt Bildschirm statt div

Question

Ich erstelle eine Website als Teil eines Universitätsprojekts und bin dabei, einen Parallaxeffekt auf einige Bilder zu bekommen. Ich verfolge das Tutorial über bei W3Schools ...

https://www.w3schools.com/howto/howto_css_parallax.asp

Mein Problem ist, dass die Bilder, die die Breite des Bildschirms anstelle des div füllen, sie verursachen mit der Spitze werden enorm vergrößert und unten abgeschnitten. Gibt es eine andere Möglichkeit, dies zu tun?

Answer 1

Wenn Sie den Zoom-Effekt entfernen möchten, und zeigen die Teile des Bildes, die abgeschnitten werden, können Sie die Eigenschaft background-Größe ändern:

background-size: contain;