背景固定化事例3

セクションの背景に画像を挿入しても背景画像のごく一部しか見えません。理由は簡単です。背景の上に重ねてウジェットを挿入して始めて背景画像が見えてきます。その場合の簡単な操作はスペーサーを追加してスペーサーの高さを600px位まで拡大すると一気に背景画像が見えるようになります。その仕組に気がつくまでかなりの時間を浪費しました。

(1)背景に画像を挿入する

セクションの背景に画像を入れて、その上にスペーサーを入れた状態です。

(2)スペーサーの高さを最大600pxに設定する

(3)背景画像の微調整

(4)一番上に背景オーバーレイを被せる

背景オーバーレイは、緑色の不透明度50%のオーバーレイを設定しました