Background Attachment

背景画像の位置を固定します。
HTMLの場合、スクロールすると背景画像も同時スクロールしますが、スタイルシートでは背景画像を固定させることができます。このプロパティーは、<BODY>タグに効果がでますが、 Internet Explorerでは<DIV>や<TABLE>タグなどに指定しても効果ありません。
指定していない場合は、SCROLLになります。

{ background-attachment : scroll | fixed }

スクロールで指定

通常の背景画像のように、スクロールします。
このWindowでは、表現できないため新しいWindowで表示します。

{ background-attachment : scroll }

body { background-image: url('img_dog_10.gif');
       background-repeat: no-repeat;
      background-attachment: scroll;
       background-position: center; }

sample

固定で指定

背景画像をスクロールさせず、常に同じ位置に配置させます。
このWindowでは、表現できないため新しいWindowで表示します。

{ background-attachment : fixed }

body { brbackground-image: url('img_dog_10.gif');
       background-repeat: no-repeat;
      background-attachment: fixed;
       background-position: center; }

sample

Background Attachment

●関連プロパティ

スクロールで指定

固定で指定