下面是我解决这个问题的方法……它将显示内容的整个长度的渐变，然后简单地退回到背景色(通常是渐变中的最后一种颜色)。

html { 背景:# cbccc8; ｝ 身体{ 平铺方式:不再重演; 背景:# cbccc8; 背景:-webkit-gradient(线性，左上，左下，从(#fff)，到(#cbccc8)); 背景:-moz-linear-gradient(top， #fff， #cbccc8); filter: progid: DXImageTransform.Microsoft。梯度(startColorstr = # ffffff, endColorstr = ' # cbccc8 '); ｝ <身体> <标题> Hello world !< / h1 > < /身体>

我已经在FireFox 3.6, Safari 4和Chrome中进行了测试，我将背景颜色保留在任何浏览器的主体中，因为某些原因不支持样式化HTML标签。

加一个空格，加上“固定”这个词就足够了。不需要设定高度。

body{
    background: linear-gradient(#e4efe9,#93a5cf) fixed;
}

肮脏的;也许你可以添加一个min-height: 100%;到html，和主体标签?或者至少设置一个默认的背景色，它也是渐变结束的颜色。

应用下面的CSS:

html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

编辑:添加边框:0;到每个注释的body声明(Martin)。

编辑:添加背景附件:固定;到每个注释的体声明(Johe Green)。

而不是100%，我只是添加了一些像素，现在得到了这个，它适用于整个页面，没有间隙:

html {     
height: 1420px; } 
body {     
height: 1400px;     
margin: 0;     
background-repeat: no-repeat; }

这就是我所做的:

html, body {
height:100%;
background: #014298 ;
}
body {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c9cf2), color-stop(100%,#014298));
background: -moz-linear-gradient(top, rgba(92,156,242,1) 0%, rgba(1,66,152,1) 100%);
background: -o-linear-gradient(top, #5c9cf2 0%,#014298 100%);

/*I added these codes*/
margin:0;
float:left;
position:relative;
width:100%;
}

在我浮动主体之前，在顶部有一个间隙，它正在显示html的背景色。如果我删除html的bgcolor，当我向下滚动时，梯度被切断。所以我浮动身体，并设置它的位置为相对，宽度为100%。它工作在safari, chrome, firefox, opera, Internet expl..哦,等一下。: P

你们怎么看?