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%);

- Andrew

Answer 1

将您的元素的设置为<100％>，您的元素为空，因此它没有任何，仅在那里简单地。 糟糕演示

html, body {
   height: 100%;
}

演示

此外，你的背景将会重复出现，因此你需要添加background-attachment: fixed;以及background-repeat: no-repeat

演示2

- Mr. Alien