CSS設定

body {
      background-image:url(sea.jpg);
      background-repeat: no-repeat;
      background-position: center top;
      background-attachment: fixed;
      }

ブラウザでの表示例

center topにすると左から50％、上から0％の位置に表示される。ここではbackground-attachmentをfixedにしているので、背景画像が固定されている。