4

これが私のHTMLコードです：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Hover Zoom</title>
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css">
        <link rel="stylesheet" type="text/css" href="style.css">
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" >
    </head>
    <body>

    </body>
</html>

これが私のCSSファイルコードです（style.css）：

body {
    background-color: #FF0000;
}

ただし、の背景色はbody変わりません。

CSSをリセットしなくても、正常に機能します。より良いCSSリセット、または他の解決策を提案できますか？

4

2 に答える 2

13

セレクターをに変更します

html, body{
    background-color: #FF0000;
}
于 2011-07-12T22:15:55.207 に答える
6

brenjtの答えは正しいですが、何が間違っているのか、そしてなぜその解決策が機能するのかについて説明します。

CSSリセットファイルは、htmlページ全体を背景色として設定します。bodyの背景色を設定しているだけですが、コンテンツがないため、体の高さが非常に低くなっています。その結果、体の背景色は表示されません。

htmlとbodyCSSの両方を次のように設定するだけです。

html, body { background-color: #FF0000; }

編集：

html背景色を設定しなかった場合、bodyの背景色はページ全体を表します。htmlただし、外部ソースのCSSリセットを使用しているため、プロパティを設定しないオプションはありません。

于 2011-07-12T22:21:29.743 に答える