Question

这是我的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重置或任何其他解决方案吗？

Answer 1

将您的选择器更改为

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

Answer 2

brenjt的回答是正确的，但我会解释错误的原因以及该解决方案的工作原理：

您的CSS重置文件设置html的背景颜色，这是整个页面。您只设置body的背景颜色，但由于您没有内容，因此您的身体非常小。因此，您看不到身体的背景颜色。

只需在CSS中同时设置html和body：

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

修改

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

使用CSS重置无法更改主体背景颜色

2 个答案: