background-attachment
背景画像を固定するには、background-attachment: fixed を指定します。ブラウザーの画面をスクロールしても、背景画像が動かないようになります。
ただし、CPUパワーの弱い古いパソコンでは、ページのスクロールがもたつくようになるので、慎重に使ってください。
なお、ネットスケープナビゲーター4は background-attachment に対応していません。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>背景画像を固定する</title>
<style type="text/css">
<!--
body { background-image: url(back017.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
margin-left: 250px; }
p { width: 20em; line-height: 1.5em; }
-->
</style>
</head>
<body>
<h1>background-attachment</h1>
<p>背景画像を固定するには、background-attachment: fixed を指定します。ブラウザーの画面をスクロールしても、背景画像が動かないようになります。</p>
<p>ただし、CPUパワーの弱い古いパソコンでは、ページのスクロールがもたつくようになるので、慎重に使ってください。</p>
<p>なお、ネットスケープナビゲーター4は background-attachment に対応していません。</p>
</body>
</html>
