css - ブラウザの幅が変化している間、その位置を維持するように背景画像を設定する方法は?

Question

このサイトでの位置を維持するために背景画像を設定する方法を考えています: http://www.jylkkari.fi/wordpress/

ブラウザを幅 960 ピクセル以下にドラッグすると、サイドバーの背景が中央に向かって移動し始めます。

この問題を解決できるJavascriptを見つけました。

ブラウザの幅が 960 px を超えている間、CSS で画像を中央に維持する簡単な方法があり、このサイズ未満の場合は固定されているかどうかをまだ検索していますか?

Answer 1

..........................あなたの体を定義する

min-width:980px;

---

body{
min-width:980px;
}

-------------- for ie

つまり、cssをこのように条件付けするために使用されます

 <!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->  

cssファイルを作成する

body{width:980px;}  

ie cssの詳細については、ここをクリックしてください

Answer 2

これを行うには、背景ステートメントがオンになっている要素に追加width: 960px;します（あなたの場合、これは になりますbody）。

Answer 3

メディア クエリを使用して、特定の幅に達したときに本文の CSS を変更できます。

@media all and (max-width: 960px) {
  body {
    background-position: left center;
  }
}