背景固定化の種明かし

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

その処理の概要は、以下の3ステップで実現できています。

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

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

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

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

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

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

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