bodyタグに bgproperties="fixed" を追加すると、ページの背景画像を固定させることができます。この属性は、background属性と組み合わせて使用します。
ページの背景に画像を使った場合、通常は画面のスクロールに合わせて背景画像もスクロールしていきます。背景画像だけをスクロールさせたくない(固定させたい)場合には、この指定を行っておきます。
<body background="back.gif" bgproperties="fixed">
| bgproperties="" | fixed を指定します |
|---|
background="" で背景用の画像を指定した後に、bgproperties="fixed" を追加します。
![]()
この指定内容はスタイルシートで代替することができます。スタイルシートの指定では、IE、Opera以外のブラウザでも背景画像の固定が有効になります。指定方法の詳細は「関連ページ」をご覧ください。
<html>
<head>
<title>TAG index Webサイト</title>
</head>
<body background="image/back.gif" bgproperties="fixed" bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
・
・
・
</body>
</html>
back.gif
この画像を背景に使用した例
(少々目にきついのでご注意ください)
この例のように、背景の画像はスクロールせずに固定されたままとなります。
参考までに … この属性を指定しなかった場合の背景![]()