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

时间:2017-07-09 15:36:32

标签: html css html5 css3 parallax

我正在创建一个网站作为大学项目的一部分,并且想要对某些图像产生视差效果。我一直在关注W3Schools的教程......

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

我的问题是图像正在填充屏幕的宽度而不是div,导致它们在顶部和底部被切断的情况下被大幅放大。还有另一种方法吗?

1 个答案:

答案 0 :(得分:0)

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

background-size: contain;