背景固定化の種明かし

ELEMENTORのページ編集で、セクション内に設定した背景画像を、縦方向の上下スクロールに対して、背景画像を動かなくする設定が、背景固定化という操作設定となります。

今回、その背景固定化を実際に行った事例の種明かしをしてみました。その処理の概要は、以下の３ステップで実現できています。

  1. セクション内に背景画像を挿入する
  2. 不透明度50%で黒色オーバーレイを設定する
  3. 背景固定化の設定をする

Step-1：セクション内に背景画像を設定する

Editセクション～スタイル～背景と選択して背景画像（この場合はバラを持った女性の寝姿）を挿入した直後の事例です。

Step-2：背景画像に不透明黒色を画像オーバーレイする

Editセクション～スタイル～背景オーバーレイと選択して、不透明度50%で黒色オーバーレイを設定した直後のイメージです。

Step-3：背景画像に対して背景固定化の設定をする

Editセクション～スタイル～画像と選択して、添付=固定に設定する。その結果、背景が固定化されていることが確認できます。