スクロールしたときの背景画像の表示方法を指定する
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;
}


