HOME >> スタイルシート > 背景を固定する

point 背景を固定する

background-attachment:
指定できる値
キーワードで指定
scroll  背景画像をスクロールさせる
fixed 背景画像を固定する
背景の画像を固定するには、background-attachmentプロパティを使います。
HTMLでも、<BODY>タグの中にbgproperties=fixedと指定すれば背景画像を固定することも出来ますが、これはInternet Explorerだけしか機能しません。しかし、background-attachmentプロパティを使えば、Netscape Navigator6.0以降でも背景を固定させることが出来ます。
背景を固定するには値にfixedを、通常通り文字と一緒に背景もスクロールさせる場合は、scrollを指定します。
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
<STYLE type="text/css">
<!--
BODY { background-image:url(block.gif);
       background-attachment:fixed;}
-->
</STYLE>
</HEAD>
<BODY>
BODY内の記入は、省略します。
</BODY>
</HTML> 
Copyright ©2001〜2011 まさぼ〜 All Right Reserved