特定の幅を中心に背景画像を停止する方法はありますか?
問題を説明するために、スクロール バーが表示されるまで次のサイトの幅を減らします。次に、背景画像が中央に配置されたままですが、他のすべての要素が所定の位置に保持されていることを確認してください。
ここで見る
#header css に min-width を追加できます
#header { background: #f8f8f8 url("background.jpg") no-repeat center bottom; background-position-y: 160px; min-width:960px;}
メディアクエリを使用して特定の幅にいくつかのスタイルを設定し、を使用background-position
して画像の中央揃えを停止します。例: http: //3.jsbin.com/ojemur/4/watch(ブラウザウィンドウのサイズを変更し、背景が赤くなった場合、画像は垂直方向に中央に配置されません)
メディアクエリの詳細: