|
background-attachment: 固定するかどうか |
[表示位置] | |
fixed | 背景画像の位置を固定する |
scloll | 背景画像を他の内容と共にスクロールさせる(初期値) |
背景を固定するスタイルシートをHEADタグ内に記述します。 スタイルシートのbodyセレクタにはbackground-attachment属性という属性が用意されており、 この値を変更することにより背景を固定させる、またはスクロールさせるようにすることができます。 属性の値に「fixed」と記述すると背景が固定に、 「scroll」と記述すると背景がスクロールするようになります。 よって、背景を固定させたい場合は 「body{background-attachment:fixed;}」とスタイルシートに記述すればよいわけです。 これで背景の固定は完了です。 <style type="text/css"> <!-- body { color: #000000; background-color: #ffffff; background-image: url(http://www5b.biglobe.ne.jp/~donbey/BCG_065.GIF); background-repeat: repeat; background-attachment: fixed; margin-top: 50px } --> </style> |