Css 背景图像未在Firefox7 for Windows中居中

使用Browserlab时，背景图像似乎未在该站点的Firefox7 for Windows中居中：

下面是我正在使用的css，还有一个屏幕截图

有没有办法解决这个问题

谢谢

CSS:

---

位置的第一个值是水平值，第二个值是垂直值。因此，交换

顶部

和

中心

：

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

---

标准参考：

即使浏览器大小为

<980px

，您的html页面背景仍保持居中，但一旦大小变小，容器将自身与视口左侧对齐

现在，为了解决您的问题，如果宽度小于980px，您应该将html的背景向左和向上对齐。因此，使用一些响应性css：

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

---

试试这个？

当你将宽度减小到小于980cm时，它完全没有对齐。谢谢Guffa，但这似乎没有帮助。谢谢Indranil，但这在这种情况下没有什么区别。尝试将整个背景属性放在那里，然后尝试执行

！重要信息

？还有，这应该在主html声明之后。很好，我已经开始工作了，谢谢。但是我担心背景图像需要居中，因为它上面有徽标！也许这是一个愚蠢的做法，但我正在努力减少图像文件的总大小。我刚刚意识到，我可以通过为980px以下的设备提供不同的图像来解决这个问题，并且徽标位于正确的位置。谢谢你的指导！

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