CSS дизайн фона не работает IE9

Question

У меня есть следующий код, чтобы дизайн фона страницы:

body 
{ 
    font-family: "HelveticaNeue", Helvetica, Arial, sans-serif; 
    font-size: 12px; 
    background: -webkit-radial-gradient(50% 20%, circle farthest-side, transparent 0%, rgba(0, 0, 0, 0.6) 100%), url('../images/background.png'); 
    background: radial-gradient(50% 20%, circle farthest-side, transparent 0%, rgba(0, 0, 0, 0.6) 100%), url('../images/background.png'); 
    background: -moz-radial-gradient(50% 20%, circle farthest-side, transparent 0%, rgba(0, 0, 0, 0.6) 100%), url('../images/background.png'); 
    background: -o-radial-gradient(50% 20%, circle farthest-side, transparent 0%, rgba(0, 0, 0, 0.6) 100%), url('../images/background.png'); 
    background: -ms-radial-gradient(50% 20%, circle farthest-side, transparent 0%, rgba(0, 0, 0, 0.6) 100%), url('../images/background.png'); 
    margin: 0; 
    padding: 0; 
} 

Он работает на IE10 +, но как мы можем заставить его работать на IE9 и IE8. JSFiddle

Заранее спасибо.

Answer 1

Короче говоря: IE9 использует совершенно другой синтаксис от всех других браузеров или это новые версии:.

В CSS градиенты было много изменений, прежде чем они станут кандидатом рекомендуется (например, 4 или 5 переписывает ниже код будет работают практически во всех версиях браузера.

background: -moz-radial-gradient(center, ellipse cover, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ */ 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(153,218,255,1)), color-stop(100%, rgba(0,128,128,1))); /* safari4+,chrome */ 
background:-webkit-radial-gradient(center, ellipse cover, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */ 
background: -o-radial-gradient(center, ellipse cover, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* opera 11.10+ */ 
background: -ms-radial-gradient(center, ellipse cover, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* ie10+ */ 
background:radial-gradient(ellipse at center, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); /* w3c */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99DAFF', endColorstr='#008080',GradientType=1); /* ie6-9 */