CSS3放射グラデーションが線として表示される

Question

放射状の背景を作成しようとしてきましたが、私が得ることができる何かを除いて線です。私は何が間違っているのか分かりません。

Jsfiddle：http://jsfiddle.net/3QSFj/1/

CSS：

background: -webkit-gradient(radial, circle, 0, circle, 70, color-stop(0%, #718aa7), color-stop(70%, #203044)); 
background: -webkit-radial-gradient(circle, #718aa7 0%, #203044 70%); 
background: -moz-radial-gradient(circle, #718aa7 0%, #203044 70%); 
background: -o-radial-gradient(circle, #718aa7 0%, #203044 70%); 
background: radial-gradient(circle, #718aa7 0%, #203044 70%); 

Answer 1

あなたbodyheight100%に、あなたのbody要素が空であり、したがってそれはどんなheightを持っていない、backgroundが単にrepeatedで設定します。 。Bad Demo

html, body { 
    height: 100%; 
} 

Demo

また、あなたbackgroundが繰り返されることになるので、あなたはbackground-attachment: fixed;などbackground-repeat: no-repeat

Demo 2

が必要になります