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>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.