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的背景颜色，但由于没有内容，您的身体高度非常小。因此，您看不到正文的背景颜色。

只需像这样在 CSS 中设置html和：body

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

编辑：

如果您没有设置html背景颜色，那么body的背景颜色将代表整个页面。但由于您使用的是外部源的 CSS 重置，因此您无法选择不设置html属性。

于 2011-07-12T22:21:29.743 回答