スライディング背景

Question

私はCSSを初めて使用しています。このサイトのようにブラウザを縮小すると、背景とメインコンテンツは中央に残ります。http://www.webdesignerdepot.com/ブラウザを2つの画面に広げると、背景は中央と同じサイズになり、スペースを埋めるためにマージンが増えますが、それを縮小すると、バックグラウンドは、左に固定される前に最小サイズに中心が置き換えられます。つまり、背景イメージの両側が、ポイント。希望は意味をなさないでしょうか？

Answer 1

彼らはbackground-position:center;を使用して画面の中央に背景を配置しています。ブラウザーウィンドウが背景イメージよりも小さい場合は、クリップされます。ブラウザウィンドウが画像よりも大きくなると、そのウィンドウは中央にとどまります。画像のエッジは、背景の一部であるという印象を与えるように、ボディの背景色にフェードインされます。