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