css - 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

に設定body heightし100%ます。要素は空であるため、body何もありません。単にそこにあります..悪いデモheightbackgroundrepeated

html, body {
   height: 100%;
}

デモ

また、background繰り返されるのでbackground-attachment: fixed;、同様に必要になりますbackground-repeat: no-repeat

デモ 2