背景图像不以Firefox 7 for Windows为中心

Question

使用Browserlab，该网站上的Firefox7 for Windows中的背景图片似乎不居中：http://carolineelisa.com/wp/boy/

我正在使用的CSS如下图所示。

我有什么想法可以解决这个问题吗？

谢谢！

CSS：

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

Answer 1

位置的第一个值是水平值，第二个值是垂直值。儿子交换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;
    }
}

试试这个？