背景画像を一枚だけ好きな位置に固定して表示する
今までのプロパティを合わせると、背景画像を一枚だけ好きな位置に固定して表示することができます。ソース例(太字が学んだ内容です)
<html>
<head>
<title>背景画像を一枚だけ好きな位置に固定して表示する</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body style="background-image:url(cat.gif); background-attachment:fixed; background-repeat:no-repeat; background-position:100% 0%">
<table height="1000">
<tr><td>
<h1>画面をスクロールしても右上に画像が固定されて表示されています</h1>
</td></tr>
</table>
<br><br>
<a href="http://www.homepagesakusei.biz/">ホームページ作成、HTML</a><br>
Webサイト版<a href="http://www.homepagecreation.net/" target="_blank">ホームページ作成とHTML</a>
</body>
</html>
表示はこちら
2006年05月05日