<< スタイルシート(CSS) background-position | Home | 

スタイルシート(CSS) background-attachment

background-attachmentは、背景画像が他のコンテンツと共にスクロールするか、あるいは固定するかを指定をするプロパティです。

ブラウザーのウィンドウ内が基準となるためスクロールバーが出るほどの内容があるページで指定しないと意味がありません。

background-attachment: 値;
値には次のようなキーワードが入ります。

fixed: 背景画像の固定でスクロールしても画像はその位置から動きません。
scroll: これが初期値で背景画像は他のコンテンツと共にスクロールするために、スクロールすると画像は見えなくなります。

※補足するとブラウザーのウィンドウ(ブラウザーで見えている部分)を基準にして、そのブラウザーで見えている部分に画像を固定(fixed)するか、ブラウザーで見えている部分で画像がスクロール(scroll)するかが決まっています。

実際に適用したらどうなるかは、下記のページで確認して下さい。
固定した場合 background-attachment:fiexd;
スクロールした場合(初期値) background-attachment:scroll;

Calendar

 123456
78910111213
14151617181920
21222324252627
28293031   
<< May 2017 >>

Recent Entries


Categories


Archives


Profile


Valid XHTML 1.0 Transitional

Valid CSS!

Comments

Leave Comment










Trackbacks

Trackback URL

Recent Comments

Recent Trackbacks