पूर्ण कवरेज रेडियल ढाल कैसे बनाएं?

Question

मैं एक रेडियल ढाल पृष्ठभूमि बनाने के लिए निम्न में से एक की तरह एक सीएसएस कोड का उपयोग कर रहा:

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 विनिर्देश का एक हिस्सा है, लेकिन दुर्भाग्यवश यह संपत्ति आईई में काम नहीं करती है?
क्या किसी को कोई विचार है?

Answer 1

अपने सीएसएस करने के लिए इस जोड़ें:

html { 
    height: 100% 
} 

Answer 2

और भी बेहतर:

html { 
    min-height: 100%; 
} 

यह ढाल अपनी सामग्री ऊंचाई तक का अन्यथा यह सिर्फ खिड़की ऊंचाई तक ही सीमित रहेगा कर देगा।