背景に色や画像を敷く

メールサポート

背景に色や画像を敷く

パーツの背景に色や画像を敷きます。
パーツウィジェットの「設定」タブを開きます。

背景に色を敷く

1.背景「固定」を指定します。

 

2.背景色を選択します。
右のパネルで色相をクリックし、左のパネルで明度や彩度をクリックします。下のパネルで不透明度も変更できます。


3.「この内容で設定する」をクリックします。

背景に画像を敷く

1.背景「固定」か「パララックス」を選択します。
パララックスとは、ページスクロールに応じて視差効果を演出する方法です。


2.背景画像を選択します。


3.繰り返しを選択します。
背景画像をどのように繰り返すかを設定します。
⇒しない:背景画像は繰り返さない
⇒する:縦方向/横方向ともに繰り返す
⇒縦方向:垂直軸方向だけ繰り返す
⇒横方向:水平軸方向だけ繰り返す


4.位置を選択します。
背景画像の基準点を設定します。
画面に対してどの位置に配置するかを選択します。


5.サイズを選択します。
背景画像の拡大/縮小方法を指定します。
⇒そのまま:画像の表示サイズを変更しない
⇒覆う:画像の縦横比を保ったまま、背景の表示エリア全体を覆いつくすサイズに背景画像が拡大/縮小されます。
⇒フィット:画像の縦横比を保ったまま、背景の表示エリアに合う最小サイズに背景画像が拡大/縮小されます。


6.「この内容で設定する」をクリックします。

 

背景色と背景画像の両方を設定すると、背景色の上に背景画像を重ねることができます。