Html 在chrome中渲染渐变背景时出现问题？

当然，当我想要一个真正的梯度时，我会得到这样的结果。有什么想法吗？

试试这个：

height:200px

仅为示例和清晰的查看目的

可以用作：

---

要使其正常工作，您需要：

html{
  min-height:100%;
}
body
{
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-repeat: no-repeat;
}

---

那么当内容超过200px时会发生什么呢？这正是我所需要的。非常感谢。

body
{
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-repeat: no-repeat;
   height:200px;
}

html{
  min-height:100%;
}
body
{
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-repeat: no-repeat;
}

body, html {
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #787878 100%);
  margin:0;
  height:100%; 
}