多层图像视差纯css

时间:2017-11-09 07:25:57

标签: html css css3 parallax

我有3张图片,第一张是透明太阳图片,第二张是透明的山图,第三张是人物角色(透明)。

第一张图像应该在深背但是应该移动,第二张图像应该固定在底部,这样第一张图像可以隐藏在它后面,当我们滚动它时,看起来应该看起来太阳从山后面升起。对于第三张图像 - 应该在前景中并在我们滚动时从下向上移动。

我无法调整这些图像。

1 个答案:

答案 0 :(得分:0)

所有拳头都将父div位置设为相对位置,将其子位置设为绝对位置。现在使用顶部,左侧,右侧,底部来定位它们。