スクロールしたときの背景画像の表示方法を指定する

background-attachment

{ background-attachment バックグラウンド・アタッチメント :繰り返し; }

background-attachmentプロパティは、ページをスクロールしたときの背景画像の表示方法を指定します。

初期値 scroll
継承 なし
適用される要素 すべての要素
モジュール Backgrounds and Borders Module Level 3

値の指定方法

表示方法

scroll 背景画像も一緒にスクロールします。
fixed 背景画像は固定されてスクロールしません。
local 背景画像は指定された要素の領域に固定されます。その領域にスクロール機能がある場合は、内容と一緒に背景画像もスクロールします。

サンプルコード

body{
  background-image: url(bg_stripe.png);
  background-repeat: repeat-x;
  background-attachment: fixed;
}