0

奇怪的事情正在发生。

我有一个基本的 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 显示的内容： 在此处输入图像描述

我怎样才能解决这个问题？

我尝试使用 Firefox 进行“检查”，并尝试从 HTML 中删除“background.png”，然后出现“telefonillo.png”。

在 body 上尝试了“z-index:1”，但没有工作，因为它根本不满足。

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

4

2 回答 2

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%;
}
于 2013-02-11T20:08:07.917 回答
0

也许您需要在 html 文档的头部添加以下标签：

<meta charset="utf-8">

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

无论如何，这在过去帮助我解决了这样的奇怪问题。我希望它可以帮助那里的人！

于 2013-02-11T20:05:03.607 回答