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元素是空的,因此它没有任何height,background只是repeated那里.. 坏演示

html, body {
   height: 100%;
}

演示

此外,你background将重复,所以你需要background-attachment: fixed;和background-repeat: no-repeat

演示2