background-attachment は、ウィンドウに対して背景画像の固定表示を指定するプロパティです。
body要素にこのスタイルを設定すると、ページの背景画像をスクロールしないように指定できます。
body {
background-image: url(image/back.gif);
background-attachment: fixed;
}
| background-attachment | fixed … （固定する - スクロールさせない） |
|---|---|
| scroll … （固定しない - スクロールさせる）デフォルト |
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
body {
background-color: #ffffff;
background-image: url(image/back.gif);
background-attachment: fixed;
color: #000000;
}
-->
</style>
</head>
<body>
・
・
・
</body>
</html>
▼これをブラウザで見ると次のように表示されます
