视差图像填充屏幕而不是div

Question

我正在创建一个网站作为大学项目的一部分，并试图在某些图像上获得视差效果。我一直在W3Schools学习教程...

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

我的问题是图像填满了屏幕的宽度而不是div，导致它们被大幅放大，顶部和底部被切断。有没有其他方法可以做到这一点？

Answer 1

如果要删除缩放效果并显示图像中被截断的部分，可以将 background-size 属性更改为：

background-size: contain;