スタイルシートリファレンス

background-attachment

背景画像の移動・固定を指定します。

fixed : 背景を固定
scroll : スクロールに応じて移動

対応ブラウザ

IE・Gecko

使用例

例文:
このページと他のページを比べてみてください。このページでは{ background-attachment: scroll } を設定しているので背景の上部にあるグラデーション部分がスクロールにあわせて移動していますが、他のページでは{ background-attachment: fixed }を設定しているので背景の上部にあるグラデーション部分は固定になっています。

{ background-attachment: fixed } の場合

このページと他のページを比べてみてください。このページでは{ background-attachment: scroll } を設定しているので背景の上部にあるグラデーション部分がスクロールにあわせて移動していますが、他のページでは{ background-attachment: fixed }を設定しているので背景の上部にあるグラデーション部分は固定になっています。

{ background-attachment: scroll } の場合

このページと他のページを比べてみてください。このページでは{ background-attachment: scroll } を設定しているので背景の上部にあるグラデーション部分がスクロールにあわせて移動していますが、他のページでは{ background-attachment: fixed }を設定しているので背景の上部にあるグラデーション部分は固定になっています。