在chrome中呈现渐变背景的问题？

Question

body
{
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #787878 100%);
}

当我想要一个真正的渐变时，我正在得到这种effect。有什么想法吗？

Answer 1

你需要正确地完成这项工作：

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

Answer 2

试试这个：http://jsfiddle.net/3rb2L/2/

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

height:200px仅用于示例和明确的查看目的。

可以用作：http://jsfiddle.net/3rb2L/4/

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