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

Question

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

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

我的问题是图像填满了屏幕宽度而不是 div，导致它们被大幅放大，顶部和底部被截断。还有其他方法吗？

Answer 1

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

background-size: contain;