在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; 
}