Loose-Info.com

Last Update 2019/12/25


TOP - CSS1(Cascading Style Sheets, level 1) - background-attachment

背景画像のスクロール方法を指定します。
指定が無い場合はscrollが指定されます。

設定値
scroll :
ドキュメントのスクロールに合わせて背景画像もスクロールする
fixed :
背景画像を固定する
(例 1)

使用画像 : background_sc.gif
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>テスト</TITLE> <STYLE type="text/css"> <!-- BODY { background-image: url(background_sc.gif); background-repeat: repeat; background-attachment: scroll } --> </STYLE> </HEAD> <BODY> <P style="line-height: 800px">&nbsp;</P> </BODY> </HTML>

(例 2)
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>テスト</TITLE> <STYLE type="text/css"> <!-- BODY { background-image: url(background_sc.gif); background-repeat: repeat; background-attachment: fixed } --> </STYLE> </HEAD> <BODY> <P style="line-height: 800px">&nbsp;</P> </BODY> </HTML>