ページの背景画像を幅と高さいっぱいに広げたい。ここでの課題は、上部と下部の 48 ピクセルの領域を除外する必要があることです (これらはヘッダーとフッターの領域であり、この画像をその背後に隠したくありません)。また、css のみ (javascript またはクライアント側コードなし) で実行しようとしています。CSS3は大丈夫です。
これが私がこれまでにいる場所です。私はトップマージンを得ることができました:
background-image: url('images/image1.png')
background-repeat: no-repeat;
background-attachment:fixed;
background-position: center 48px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;