需要针对不同背景的 Firefox CSS hack答案

【问题标题】：Need Firefox CSS hack for different background需要针对不同背景的 Firefox CSS hack
【发布时间】：2014-08-28 22:26:08
【问题描述】：

我有一个使用 gif 背景的 Joomla 网站：

<body style="background-color:#eeeeee; background-image:url(/images/new-background.gif); background-position: top center; background-repeat:no-repeat;" >

在除 Firefox 之外的所有浏览器中，当前背景都与页面内容正确对齐。

是否有针对 Firefox 的 CSS hack 可以强制使用不同的背景图片？我应该把代码放在哪里？

【问题讨论】：

标签： css image firefox background

【解决方案1】：

您应该跨浏览器规范化样式，而不是尝试强制使用不同的背景：

body {
    margin: 0;
    padding: 0;
}

此外，您应该将 CSS 保存在 .css 文件中，通过以下方式链接：

<link rel="stylesheet" type="text/css" href="/path/to/stylesheet.css" />

【讨论】：

谢谢，问题已解决。现在我只需要重新设计菜单 CSS 等，以弥补填充的损失。奇怪的是只有 Firefox 受到影响。
@user1701147，您可以添加回填充或边距，无论您喜欢哪个。使用0 仅有助于使页面上的所有内容都相对于左上角。

【解决方案2】：

这不是你的背景。这是您的元素，您似乎在您可能不想要它们的地方应用了一些填充/边距。 position.css 适用：

* { margin: 0
    padding:3px 0;
  }

【讨论】：

我感觉这就是问题所在，但我仍然不明白为什么只有 Firefox 会错位。
我只是快速浏览了一下，没有深入研究。