两个背景图像。一个在HTML中，一个在BODY中。在Firefox的身体图像没有呈现

发生了一些奇怪的事情。两个背景图像。一个在HTML中，一个在BODY中。在Firefox的身体图像没有呈现

我有一个基本的html代码。 HTML，头，身体。（正如我已经收到了一些负面的投票，以下是完整代码）

<html> 
<head> 
</head> 
<body> 
</body> 
</html>

这是我的CSS：

html { 
    background-image: url(background.png); 
    background-repeat: repeat; 
    margin-top:-8px; 
} 
body { 
    background-image: url(telefonillo.png); 
    background-repeat:no-repeat; 
}

这是Chrome和Firefox显示： enter image description here

如何我能解决这个问题吗？

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

身体上试过“z-index：1”，但没有工作，因为它根本不满足。

编辑：我也尝试删除所有的div和其他css，因为任何规则之间都存在某种问题，但它仍然在发生。

来源

2013-02-11 Reinherd

你怎么想它是什么样子？你想实现什么？我们可以看到一个jsfiddle吗？ – estrar 2013-02-11 19:47:06

基本上我想要两个背景图像都显示出来。正如标题所说，这两个图像都没有用Firefox显示。 – Reinherd 2013-02-11 19:48:31

没有代码就不可能分析，但是你是否已经将元素放在了身体之后呢？ – 2013-02-11 19:49:46

你为什么不前使用这样

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%; 
}

来源

2013-02-11 20:08:07 iConnor

您可能需要设置的z-index这取决于在前面 – iConnor 2013-02-11 20:10:03

尝试什么样的形象上。没有工作，甚至尝试过Z-Index。之前和自己。 – Reinherd 2013-02-11 20:12:42

解决了它，但通过设置100％身高和100％身宽。 – Reinherd 2013-02-11 20:16:14

也许你需要添加HTML文档的头部内的以下标签：

<meta charset="utf-8"> 

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

无论如何，这帮助我在过去像这样怪异的问题。我希望它能帮助那里的人！

来源

2013-02-11 20:05:03

谢谢你，但它无法正常工作既不:( – Reinherd 2013-02-11 20:08:27

两个背景图像。一个在HTML中，一个在BODY中。在Firefox的身体图像没有呈现

回答

相关问题