因为我对CSS非常非常新，所以我不确定这是否可行（并且如果不是，则道歉），但我想用背景图像创建一定的效果。
我已经知道图像的两种背景附件方法 - 固定，图像在屏幕上保留在原位，无论滚动，并且是自由的，图像在正常情况下滚动进出，连接到页面。我正在寻找两者之间的妥协，其中页面向下滚动，图像也滚动，但只有少量与页面成比例。
本质上，我希望滚动使用百分比，而不是绝对值。在“滚动”中，向下滚动50个像素会将图像向上滚动50个像素。我希望滚动页面向下滚动50％将向下滚动到图像的50％，无论已经遍历了多少实际像素。在页面顶部，我们可以看到图像的顶部。在页面底部，我们可以看到底部。
有没有办法用CSS做到这一点，还是我不得不求助于其他事情？
答案 0 :(得分：0)
你正在寻找被称为＆＃34; parallax＆＃34;滚动。使用transform-style时，使用纯CSS可以实现这一点：preserve-3d; （看看这个article），但为了让所有浏览器都能使用，你可能需要使用javascript解决方案。