| ポイント |
<![CDATA[
body { background-repeat:no-repeat;
background-position:100% 100%;
background-attachment:fixed; }
]]>
|
| 説 明 |
ページの背景画像を右下に一枚だけ表示しスクロールしても固定されたままにするにはスタイルの定義でbodyにbackground-repeat:no-repeat;background-position:100% 100%;background-attachment:fixed;のように指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>背景画像を一枚だけページの右下に固定して表示する</title>
<style type="text/css"><!--
body { background-repeat:no-repeat;
background-position:100% 100%;
background-attachment:fixed; }
--></style>
</head>
<body background="bg.gif">
<table border="10" width="100%" height="1000">
<tr><th>背景画像がページの右下に一枚だけ固定して表示されます。</th></tr>
</table>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
背景画像を一枚だけページの右下に固定して表示する