两张背景图片。一个在HTML中，一个在正文中。在Firefox中，未渲染主体图像

奇怪的事情正在发生

我有一个基本的html代码。html，头，体。 （由于我收到了一些反对票，下面是完整的代码）

这就是chrome和firefox所展示的：

我怎样才能解决这个问题

我试着用firefox“检查”，试着从HTML中删除“background.png”，然后出现“telefonillo.png”

在正文上尝试了“z-index:1”，但不起作用，因为它根本不满足

---

编辑：我还尝试删除所有div和其他css，以防任何规则之间出现某种问题，但这种情况仍在发生。

也许您需要在html文档头中添加以下标记：

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

---

不管怎样，这在过去帮助我解决了像这样的奇怪问题。我希望它能帮助别人

你以前为什么不这样用呢

body:before {
    content:"";
    background:url(background.png) no-repeat top left;
    width:100%;
    height:100%;
}
body {
    background:url(telefonillo.png) no-repeat top left;
    width:100%;
    height:100%;
}

---

你希望它看起来怎么样？你想要实现什么？我们能看到一个JSFIDLE吗？基本上我希望两个背景图像都显示出来。正如标题所说，Firefox没有显示这两幅图像。如果没有代码，就不可能进行分析，但您是否在主体或类似内容之后浮动了元素？证实了FF 18.0.2中的怪异之处：本打算上传JSFIDLE，但@Chad却发布了它@斯文贝德：代码为：

您可能需要在此基础上设置一个z索引，具体取决于图像所在的位置。不工作。甚至尝试对两者进行Z索引。解决了它。但通过设置身体100%的高度和宽度。

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

body:before {
    content:"";
    background:url(background.png) no-repeat top left;
    width:100%;
    height:100%;
}
body {
    background:url(telefonillo.png) no-repeat top left;
    width:100%;
    height:100%;
}