css - Firefox7forWindowsの中央に配置されていない背景画像

Question

Browserlabを使用すると、次のサイトのWindows用Firefox7では背景画像が中央に配置されていないようです：http：//carolineelisa.com/wp/boy/

スクリーンショットと同様に、私が使用しているcssは以下のとおりです。

これを修正する方法はありますか？

ありがとう！

CSS：

html {
    background: url(images/background.jpg) no-repeat top center #0f0c0b;
}

Answer 1

位置の最初の値は水平方向の値で、2 番目は垂直方向の値です。したがって、スワップtopして次のようにしcenterます。

background: url(images/background.jpg) no-repeat center top #0f0c0b;

標準リファレンス: http://www.w3.org/TR/css3-background/#ltbg-positiongt

Answer 2

ブラウザーのサイズが< 980pxであっても、html ページの背景は中央に配置され続けますが、サイズが小さくなると、コンテナーはビューポートの左側に配置されます。

この問題に対処するには、幅が 980px 未満の場合、html の背景を左と上に揃える必要があります。したがって、いくつかのレスポンシブ CSS を使用すると、次のようになります。

@media screen and (max-width: 980px) {
    html{
      background-position: left top;
    }
}

これを試して？