ホームページ制作時に背景画像を固定する

ホームページ制作時に背景画像を固定するかどうか考えてみました。

色々検索したり考えてみた結果、固定した方が良いように思います。

その理由は、

  • 背景画像固定のホームページが増えてきている
  • 背景画像固定のホームページを見慣れているとスクロール時に背景が一緒にスクロールされてしまうと違和感が強い
    ※私の例では気分が悪くなることもあります。
  • 難しいスキル無く簡単に設定できる
  • 背景画像をページトップ画像とマッチさせて独特なデザインにすることもできる
  • 透過pngや透過gifを使えば背景画像にヘッダー用の透過画像を乗せるだけで簡単にヘッダーを作れる
  • その他

ということで私は背景画像は固定にすることが殆どです。
※クライアントさんのご希望により固定にしないこともあります。
※このサイトのようなデザイン(制作方法)の場合は固定しません。

ホームページ制作時に背景画像を固定するにはCSSで制御します。
その一例:
※何種類かの方法があります。

body {
margin-top: 0px;
background-image: url(画像URL);
background-repeat: no-repeat;
background-position: top center;
background-attachment:fixed
}