ホームページ制作時に背景画像を固定するかどうか考えてみました。
色々検索したり考えてみた結果、固定した方が良いように思います。
その理由は、
- 背景画像固定のホームページが増えてきている
- 背景画像固定のホームページを見慣れているとスクロール時に背景が一緒にスクロールされてしまうと違和感が強い
※私の例では気分が悪くなることもあります。 - 難しいスキル無く簡単に設定できる
- 背景画像をページトップ画像とマッチさせて独特なデザインにすることもできる
- 透過pngや透過gifを使えば背景画像にヘッダー用の透過画像を乗せるだけで簡単にヘッダーを作れる
- その他
ということで私は背景画像は固定にすることが殆どです。
※クライアントさんのご希望により固定にしないこともあります。
※このサイトのようなデザイン(制作方法)の場合は固定しません。
ホームページ制作時に背景画像を固定するにはCSSで制御します。
その一例:
※何種類かの方法があります。
body {
margin-top: 0px;
background-image: url(画像URL);
background-repeat: no-repeat;
background-position: top center;
background-attachment:fixed
}