多層画像視差純粋なCSS

Question

私は3つの画像を持っています。最初は透明な太陽画像、2番目は山の画像が透明、3番目が人間のキャラクタ（透明）です。

最初の画像は奥にあるはずですが、動かす必要があります。次に2番目の画像を下に固定して最初の画像を隠すことができます。また、スクロールすると、太陽が山の後ろに浮いているように見えます。私たちがスクロールしている間、フォアグラウンドで下から上に移動する必要がある3番目のイメージの場合。

これらの画像は調整できません。

Answer 1

握手のすべては、相対的な親のdiv位置を作成し、子の位置は絶対的なものにします。上、左、右、下を使用して配置します。