CSS3 径向渐变显示为线

【问题标题】：CSS3 radial gradient appears as lineCSS3 径向渐变显示为线
【发布时间】：2013-10-26 05:40:06
【问题描述】：

我一直在尝试创建径向背景，但由于某种原因，我只能得到一条线。我不知道我做错了什么，有什么想法吗？

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

【问题讨论】：

标签： css radial-gradients

【解决方案1】：

将你的bodyheight设置为100%，你的body元素是空的，因此它没有任何height，background只是repeated那里.. ~~Bad Demo~~

html, body {
   height: 100%;
}

Demo

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

Demo 2

【讨论】：