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

これはクロムとファイアフォックスが示すものです： ここに画像の説明を入力

どうすればこれを修正できますか?

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 ドキュメントの head 内に次のタグを追加する必要があります。

<meta charset="utf-8">

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

とにかく、これは過去にこのような奇妙な問題を解決してくれました。それが誰かを助けることを願っています！

于 2013-02-11T20:05:03.607 に答える