background-attachment
Home>CSS>プロパティリファレンス>background-attachment
background-attachmentプロパティの役割
背景に画像を指定したときに、その画像を固定するかしないかを指定します。
背景画像を固定すると、スクロールしたときでも背景はブラウザ内の同じ場所に表示されています。
背景画像を固定しないと、スクロールと一緒に背景画像も動きます。
background-attachmentプロパティに設定できる値
fixed | スクロールしても背景画像は動かない。 |
inherit | 上位の要素のプロパティを反映。 |
scroll | スクロールと一緒に背景画像も動く。 |
background-attachmentプロパティの使い方
background-attachment:fixed;
上記のサンプルでは、指定した要素の背景画像を固定します。
関連リンク
- プロパティリファレンス:background
- プロパティリファレンス:background-color
- プロパティリファレンス:background-image
- プロパティリファレンス:background-position
- プロパティリファレンス:background-repeat
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-6-26