如何創建全覆蓋徑向漸變？

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

但結果不是預期的！ 我的目標是擁有一個覆蓋整個視口的徑向漸變背景。 我可以使用background-size屬性，這是CSS3規范的一部分，以獲得更好的結果，但不幸的是這個屬性在IE中不起作用？
有人有想法嗎？

Answer 1

將其添加到您的CSS：

html {
    height: 100%
}

Answer 2

更好的是：

html {
    min-height: 100%;
}

這將使漸變擴展到您的內容高度，否則它將僅限於窗口高度。