CSS体梯度

我正在

主体

元素中制作背景，但当我制作背景时，它使用窗口

高度

（仅可见高度），如果用户向下滚动页面，则

背景

会自动重复。如果我使用

no repeat

页面的其余部分为纯色

我使用了

背景尺寸：100%100%但仍不工作

我只想要一个从#ccc到#000的背景，并填充整个页面而不重复自己

谁能帮我一个忙吗？提前感谢

编辑：
我的代码是：

body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background: rgb(204,204,204);
    background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#000000',GradientType=0 );
}

上次编辑：
注意：我找到的最佳解决方案。当我滚动窗口时，您可以看到
背景
颜色，因为
背景图像
不会重复，并且当
背景图像
以相同的
背景
颜色结束时，一切正常
 不幸的是，你无法拉伸背景图像，因此你所看到的实际上是你应该看到的。通常，当站点使用渐变作为背景图像时，它们通过设置
背景位置：0 0
，使渐变顶部与屏幕顶部齐平，通过设置
背景重复：无重复
，渐变水平重复自身，然后他们将站点的
背景色设置为与渐变底部相同的颜色

使用CSS3和过滤器可以为用户创建渐变，但这些功能的浏览器兼容性有限。这是一把包含渐变的小提琴：。有关这些功能的更多信息，请参阅。
显示更多代码。通过应用
minheight:100%，确保正在设置样式的元素具有正确的高度（和宽度）；最小宽度：100%。如果您仍然不确定，请查看的文档。向我们展示您的代码如何？或者更好-一个jsfiddle链接？试试
背景附件：固定的
。从
#ccc
到
#000
的渐变<代码>D:
@antisanity:你好！是的，我试过了，但我不喜欢它被修复，我更喜欢它更“互动”…你可能还想添加
背景附件：修复了@antisanity的评论所建议的
。谢谢！我这样解决了它（仅适用于webkit）：body{background:#000；background repeat:no repeat；background image:-webkit渐变（线性、左上、左下、从（#ccc）到（#000））/*对于webkit浏览器*/}我是stackoverflow的新手，我需要15分来投票，但我想让你知道你帮我找到了方向！我说“谢谢”反馈！是的，我知道现在。。。谢谢！：）
body {
    background: #000;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
}