著者が大規模なバックグラウンドWebデザインのコレクションをリリースして以来、私は大規模なバックグラウンドWebデザインを実装するためにCSSを使用する方法を尋ねる多くのメールを受け取りました。したがって、私はあなたとバックグラウンドでウェブサイトのデザインスキルを共有することにしました。このチュートリアルでは、いくつかの例を使用して、1つまたは2つの写真を使用して大きな背景Webサイトのデザインを実装する方法を説明します。
頻繁に間違いを犯しました：背景がカットされます
サンプルファイルを見ると、1280未満の解像度がない場合は問題ありません。ただし、モニターに1280ピクセルを超える解像度がある場合、背景画像の外側の部品が表示されます。
問題に対する簡単な解決策：写真の端の色をWebページの背景と同じ色に設定します。ここでは、Webデザイナーの壁を例として使用し、下の写真を見て、写真の端は固体であることに注意してください。
CSSパーツ
この部分はシンプルで、ボディ要素の背景画像を設定します（中央、上部にあります）
これがCSSコードです：
| 体 { パディング：0; マージン：0; 背景：＃f8f7e5 url（wdw-bg.jpg）繰り返しセンタートップ。 幅：100％; 表示：テーブル; } |
ボディセレクターに2つの追加の行があることに注意してください。これにより、ブラウザウィンドウがコンテンツ幅よりも小さいときに背景画像が変化し、Firefoxに表示されます。
