Html 在Google Chrome中，我如何获取正文内容'；它的高度会随着内容的不同而增长，就像在Firefox中一样？

这是我的密码：

body{
    color:#666;
    margin:0px;
    background: -webkit-gradient( linear, left bottom, left top,  color-stop(0.25, #DCDCDC), color-stop(0.75, #FFFFFF));
    background: -moz-linear-gradient( center bottom, #DCDCDC 25%,#FFFFFF 75%);
    font:13px Arial, Helvetica, sans-serif;
}

我尝试做的效果是从顶部（白色）到底部（灰色）的渐变，但是底部渐变的结尾应该在内容的结尾处停止。因此，例如，如果页面的内容小于窗口，渐变应该停止在该内容的底部，而不是页面的底部。此示例适用于Firefox 3+，但在google chrome中，主体高度设置为自动覆盖窗口高度的100%

有什么想法吗？我真的不想改变结构，因为我使用的是HTML5元素

下面是一个HTML示例：（由于公司限制，我删除了内容）

... 标题在这里。。。
…标题内容在此。。。
…身体内容在这里。。。
…页脚内容在此。。。

我无法使用webkit复制：

但我看到背景在重复，也许你需要：

background: -webkit-gradient( linear, left bottom, left top,  color-stop(0.25, #DCDCDC), color-stop(0.75, #FFFFFF));

---

嗯，你的代码和我的一样。无论如何，我认为这只发生在谷歌浏览器上。我没有试过Webkit或Safari。哦，顺便说一句，我使用的是谷歌Chrome 9.0.597.47 beta版。

您是否在文档开头包含了

声明？

您应该发表评论，而不是像这样回答自己的帖子。

background: -webkit-gradient( linear, left bottom, left top,  color-stop(0.25, #DCDCDC), color-stop(0.75, #FFFFFF));