background-attachment: fixed;
ブラウザ |
|
---|---|
プロパティ |
background-attachment は、背景画像の固定表示を指定するプロパティです。(ウィンドウに対する固定表示となります)
このプロパティをbody要素に対して設定すると、文書全体の背景画像がスクロールされないようになります。
body {
background-image: url(back.gif);
background-attachment: fixed;
}
プロパティ名 | 値 | 説明 |
---|---|---|
background-attachment |
scroll |
背景画像を固定しない - スクロールさせる (初期値) |
fixed |
背景画像を固定する - スクロールさせない |
使用例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>
<style type="text/css">
body {
background-color: #f0f0f0;
background-image: url(neko.gif);
background-attachment: fixed;
color: #000000;
}
</style>
</head>
<body>
</body>
</html>
- 表示例
-
この例のように、背景の画像はスクロールせずに固定されたままとなります。
参考までに … このプロパティを指定しなかった場合の例