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 元素是空的，因此它不会没有任何高度，背景只是重复在那里.. Bad Demo

html, body {
   height: 100%;
}

Demo

另外，你的background会重复，所以你需要background-attachment: fixed; 以及background-repeat: no-repeat

Demo 2