無料ホームページ作成!CSS・スタイルシート
背景画像を固定

無料ホームページ作成!CSS・背景
背景画像を固定

ホームページの背景画像の固定を指定

background-attachment属性

このbackground-attachment属性は背景画像の固定を指定する属性です、背景画像を動かさないでおきたい場合使用します。

background-attachment属性の使い方

CSSソース

セレクタ{
	background-image:url(gazou.gif);
	background-attachment:fixed;
}
 
結果

画像は<body>タグで宣言されています、ページをスクロールしてみてください。

background-attachment属性で宣言できる値

概要
fixed 背景画像を固定する
scroll 背景画像を固定しない

値の使用例

濃い画像と文字が重なると文字が見にくくなる事に注意して下さい。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS