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

Fli*_*Off 3 html css yui css-reset

这是我的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>
Run Code Online (Sandbox Code Playgroud)

这是我的CSS文件代码(style.css):

body {
    background-color: #FF0000;
}
Run Code Online (Sandbox Code Playgroud)

但背景颜色body不会改变.

没有CSS重置,它工作正常.你能给我一个更好的CSS重置或任何其他解决方案吗?

bre*_*njt 13

将选择器更改为

html, body{
    background-color: #FF0000;
}
Run Code Online (Sandbox Code Playgroud)

  • YUI实际上要你做的是设置`back on only`html` - 你也不需要在`body`上设置它. (4认同)

Dev*_*rke 6

brenjt的回答是正确的,但我会提供一个解释,说明错误以及该解决方案的工作原理:

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

只需像这样在CSS中设置htmlbody:

html, body { background-color: #FF0000; }
Run Code Online (Sandbox Code Playgroud)

编辑:

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