スクロール/リサイズ時に背景画像を覆う方法

Question

何をしようとしているのは、いくつかの画像を視差スクロールすることですが、どういうわけか 1）画像が繰り返し表示されるか、画像）と 2）私は別の画面サイズ（特に携帯電話）を試してみると、画像がサイズ変更されないので機能しません。

これを修正する方法はありますか？

section.module.parallax-1 { 
    background-image: url("http://cdn.udderlypettable.com/wp-content/uploads/2015/05/Maine-Coon-Face.jpg"); 
    background-repeat: no-repeat; 
    background-size: cover; 
} 

私はCodepen

Answer 1

使用background-size: coverに私のコードを入れています。この方法では、あなたの背景画像は親のdivサイズに従ってサイズ変更/トリミングされます。