html - 如何创建全覆盖的径向渐变？

Question

我正在使用如下所示的 CSS 代码来创建径向渐变背景:

body
{
background-color:   #0176A0;
background-image:   -moz-radial-gradient(center, ellipse cover, #029CC9 0%, #005077 100%);
background-image:   -webkit-radial-gradient(center, ellipse cover, #029CC9 0%, #005077 100%);
background-image:   -o-radial-gradient(center, ellipse cover, #029CC9 0%, #005077 100%);
background-image:   -ms-radial-gradient(center, ellipse cover, #029CC9 0%, #005077 100%);
background-image:   radial-gradient(center, ellipse cover, #029CC9 0%, #005077 100%);
filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#029CC9', endColorstr = '#005077', GradientType = 0);
}

但结果不是预期的!我的目标是拥有一个覆盖整个视口(viewport)的径向渐变背景。我可以使用作为 CSS3 规范的一部分的 background-size 属性来获得更好的结果，但不幸的是这个属性在 IE 中不起作用？
有人有想法吗？

Answer 1

将此添加到您的 CSS:

html {
    height: 100%
}