スタイルシートリファレンス > background-attachment

スタイルシートリファレンス background-attachment


background-attachment スクロールを動かした時の背景の動作を指定する (IE3/N6)

ウィンドウのスクロールを動かした時の背景の動作を指定します。

scroll
スクロールする:規定値
fixed
スクロールしない

▲ページ先頭へ

使用例 background-attachment

(1)背景に画像背景画像を指定して画像を固定します。

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
BODY {
background-image: url("sample.gif");
background-attachment: fixed;
}
-->
</style>
</head>
<body>
<br>このように<br><br><br>表示されます。<br><br><br><br><br>
</body>
</html>

(2)背景に画像背景画像を指定して画像をスクロールします。

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
BODY {
background-image: url("sample.gif");
background-attachment: scroll;
}
-->
</style>
</head>
<body>
<br>このように<br><br><br>表示されます。<br><br><br><br><br>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示

例 (1) fixed (背景画像を固定)


このように


表示されます。




例 (2) scroll(背景画像をスクロール)


このように


表示されます。




▲ページ先頭へ

関連項目【色・背景】

color
文字色を指定する
background
背景の指定をまとめて行う
background-color
背景色を指定する
background-image
背景画像を指定する
background-repeat
背景画像の並べかたを指定する
background-attachment
スクロールを動かした時の背景の動作を指定する
background-position
背景画像の表示位置を指定する

▲ページ先頭へ

スタイルシートリファレンス > background-attachment