ページの背景画像を二枚表示する

■動作ブラウザ　【 IE:5.0　 NN:6.0】　■CSSバージョン【1】
Internet Explorer Netscape Navigator iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 2.x 1.x
Windows × × - × × × × × × × ○ ○ - -
Macintosh × × × ○ - - × × × × ○ ○ × ○
UNIX - - - - - - × × × × ○ ○ - -

ポイント
説　　明 ページの背景画像を二枚表示するにはhtmlとbodyに個別に背景画像を設定します。
サンプル <html>
<head>
<title>ページの背景画像を二枚表示する</title>
<style type="text/css"><!--
html { background-image: url(bg1.gif); background-attachment:fixed; }
body { background-image: url(bg2.gif); background-repeat:repeat-y; }
--></style>
</head>
<body>
ページの背景画像が２枚表示されます。<br>
これはhtmlタグとbodyタグに背景画像を設定しているためです。<br>
<p style="height:2000px;"></p>
</body>
</html>
補足説明 Opera 7でも動作します。

■サンプルを実行する　>>実行
 ■各ブラウザでの動作結果を見る　>>View!