Css 梯度背景

大家好，我正在为我的大学项目制作一个网站，我不太擅长使用Dreamweaver CS6。我在photoshop中进行设计，我正在努力在我的网站中使用渐变背景。我已经尝试了几次让它工作，但它要么重复了很多次，要么它填满了一定数量的页面，但被切断了。如有任何帮助，我们将不胜感激，并提前向您表示感谢

这是CSS代码

html body
{
background: linear-gradient(to top, #48E7A2 0%, #86C4ED 100%);
background-size:cover;

} 

---

你可以复制这个代码。从

您应该在

html{}

上使用它，而不是在

body{}

并增加

高度：100%

html {    
    height: 100%;
    background: #48e7a2; /* Old browsers */
    background: -moz-linear-gradient(top,  #48e7a2 0%, #86c4ed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48e7a2), color-stop(100%,#86c4ed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #48e7a2 0%,#86c4ed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #48e7a2 0%,#86c4ed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #48e7a2 0%,#86c4ed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #48e7a2 0%,#86c4ed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48e7a2', endColorstr='#86c4ed',GradientType=0 ); /* IE6-9 */
}

只需使用谷歌，你就可以找到答案，有很多。。。谢谢你的帮助，但是背景仍然在重复，它不是一个完整的背景？？我已经更改了我的代码并添加了一个演示（JSFIDLE）谢谢你，但是背景仍然一次又一次地重复，我试着像背景重复那样编码：不重复，但它仍然不工作。你检查演示了吗？因为它不重复..，所以只在
html{}
上使用css代码，而不在正文上使用。演示是什么，我在中复制了确切的代码，它仍然重复演示是名为demo的链接，链接到可以看到演示的JSFIDLE。。你用高度：100%了吗？是的，我发现了这个演示，它现在可以工作了。我没有改变它的html正文，这是我的错，但是当我向下滚动页面时，颜色看起来很奇怪，因为那里有巨大的绿线