Html 身体背景不';我不能在FireFox中工作

Html 身体背景不';我不能在FireFox中工作,html,css,firefox,background,Html,Css,Firefox,Background,我使用了以下代码作为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

我使用了以下代码作为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");

背景图片:url('images/taling.gif')


但是它在FireFox上不起作用

您的文档正文高度为0,宽度为0,如果您尝试给它一些高度或宽度,则应显示图像

您的文档正文高度为0,宽度为0,如果您尝试给它一些高度或宽度,则应显示图像

尝试:

background: url('yourimage.ext') repeat-x;
它对我有用

编辑:要匹配您正在做的事情,请执行以下操作:

尝试:

它对我有用

编辑:要匹配您正在做的事情,请执行以下操作:


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

如果您使用Firefox,您可以使用Firebug测试正在发生的事情。单击鼠标右键,然后选择“检查图元”。完成后,在Firebug的右栏中,您可以看到
背景图像的声明。如果它说图像未加载或找不到,那么我上面指出的三件事之一就是问题

我知道你说过该图像会出现在其他浏览器中,只是不会出现在Firefox中。因此,考虑对CSS的其他部分进行修改。您可能没有指定浏览器重置

仅供参考,您可以通过以下操作压缩CSS:

background-image: url(images/taling.gif);
background-repeat:repeat-x;
background-color: #2E2E2E;
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
}

对于body标记,您可能需要添加以下属性和值:

margin: 0;
padding: 0;
width: 100%;
height: 100%;
谷歌“CSS浏览器重置”

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

background-image: url(images/taling.gif);
background-repeat:repeat-x;
background-color: #2E2E2E;
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

我可以滔滔不绝地说你为什么会有这个问题


我希望这会有所帮助。

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

如果您使用Firefox,您可以使用Firebug测试正在发生的事情。单击鼠标右键,然后选择“检查图元”。完成后,在Firebug的右栏中,您可以看到
背景图像的声明。如果它说图像未加载或找不到,那么我上面指出的三件事之一就是问题

我知道你说过该图像会出现在其他浏览器中,只是不会出现在Firefox中。因此,考虑对CSS的其他部分进行修改。您可能没有指定浏览器重置

仅供参考,您可以通过以下操作压缩CSS:

background-image: url(images/taling.gif);
background-repeat:repeat-x;
background-color: #2E2E2E;
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
}

对于body标记,您可能需要添加以下属性和值:

margin: 0;
padding: 0;
width: 100%;
height: 100%;
谷歌“CSS浏览器重置”

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

background-image: url(images/taling.gif);
background-repeat:repeat-x;
background-color: #2E2E2E;
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

我可以滔滔不绝地说你为什么会有这个问题


我希望这会有所帮助。

或者至少提供最小高度和最小宽度。如果没有内容,就没有任何背景。或者至少提供最小高度和最小宽度。如果没有内容,就没有任何背景。顺便说一句,所有现代浏览器现在都有某种开发工具。在PC上,您通常可以通过点击F12在任何浏览器中访问它们。从InternetExplorer8开始,内置了开发人员工具。Chrome、Safari和Opera也是如此。Firefox仍然要求你安装Firebug插件。顺便说一句,所有现代浏览器现在都有一些开发工具。在PC上,您通常可以通过点击F12在任何浏览器中访问它们。从InternetExplorer8开始,内置了开发人员工具。Chrome、Safari和Opera也是如此。Firefox仍然要求您安装插件Firebug。您指定了后台位置吗?您指定了后台位置吗?