この章ではbackground-attachmentプロパティについて説明します。
background-attachmentプロパティは背景画像を固定する機能を持ちます。
長い文章があった時にスクロールすると背後の画像も一緒に動いてしまうため、background-attachmentを使用することで画像を固定することが出来ます。
では例を見てみましょう。
結果は以下の通りです。
この設定でスクロールすると背景画像が固定します。
を付けないと画像が固定しないのでスクロールするごとに画像が動いてしまいます。
もちろん、どのような形式にするかは好き嫌いがありますので、どのように設計をするかは自由です。