Question

我使用以下代码作为body标签的背景图片。

background-image: url(images/taling.gif);
background-repeat:repeat-x;
background-color: #2E2E2E;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

它适用于IE，Opera和Chrome，但在FireFox中不起作用。我也试过了：

background-image: url("images/taling.gif");

和

background-image：url（'images / taling.gif'）;

但它不适用于FireFox

Answer 1

你的文件正文是高度= 0，宽度= 0，如果你试图给它一些高度或宽度，应该显示图像

Answer 2

尝试：

background: url('yourimage.ext') repeat-x;

它对我有用。

修改：与您正在进行的工作相匹配，it should in fact be：

background: #2E2E2E url('images/taling.gif') repeat-x;

Answer 3

您的CSS没有问题。问题最有可能的结果是你没有为body标签指定宽度和高度，你正确地命名你的图像，使用不正确的图像扩展名，或者图像的路径不正确，但那里也可能需要添加宽度和高度。

如果您使用Firefox，则可以使用Firebug测试正在进行的操作。右键单击，然后选择inspect元素。完成后，在Firebug的右栏中，您可以看到background-image的声明。如果它说图像未加载或无法找到，那么我上面指出的三件事之一就是问题。

我知道你说图像确实出现在其他浏览器中，而不是在Firefox中。因此，请考虑对CSS的其余部分进行一些修改。您可能没有指定浏览器重置。

仅供参考，您可以通过执行以下操作来压缩CSS：

background-image: url(images/taling.gif);
background-repeat:repeat-x;
background-color: #2E2E2E;

到

background: #2e2e2e url(images/taling.gif) repeat-x;

对于body标签，您可能希望添加以下属性和值：

margin: 0;
padding: 0;
width: 100%;
height: 100%;

Google“CSS浏览器重置”

浏览器重置的一个示例如下：

html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
}

以上是您可以拥有的最简单的浏览器重置。它没有考虑ul,ol,li,h1,h2,h3,h4,h5,h6,li,p,a,img,blockquote等等。

另外，请查看使用clearfix。

我可以一直闲聊，为什么你可能遇到这个问题。

我希望有所帮助。

身体背景在FireFox中不起作用

3 个答案: