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，{{1 }}只是background那里.. Bad Demo

repeated

Demo

此外，您将重复html, body { height: 100%; } ，因此您需要background以及background-attachment: fixed;

Demo 2