【问题标题】:can't change body background color using CSS reset无法使用 CSS 重置更改正文背景颜色
【发布时间】:2011-07-13 13:44:49
【问题描述】:

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

【问题讨论】:

  • 你用什么css重置?迈耶的复位被广泛使用
  • 重置是否有背景色属性?
  • @Sotiris, @waitinfratrain:请自行访问链接并查看:yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css
  • @BoltClock 我只是专注于 style.css 规则并发表了评论。我的俯瞰
  • @BoltClock: html{background:#FFF;} strikes again!

标签: html css yui css-reset


【解决方案1】:

将选择器更改为

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

【讨论】:

  • YUI 真正想让你做的只是将background 设置在html 上——你不需要也将它设置在body 上。
【解决方案2】:

brenjt 的回答是正确的,但我会解释什么是错误的以及为什么该解决方案有效:

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

只需在 CSS 中同时设置 html 和 body,如下所示:

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

编辑:

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

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-05-04
  • 2017-11-04
  • 1970-01-01
  • 1970-01-01
  • 2011-11-11
  • 2011-10-22
  • 1970-01-01
相关资源
最近更新 更多