internet-explorer - 如何为 IE 9 和 10 修复此渐变？

Question

代码:

body {
    background-color: #CACACA;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CACACA), to(#F6FAFB));
    background-image: -webkit-linear-gradient(top, #CACACA, #F6FAFB);
    background-image:    -moz-linear-gradient(top, #CACACA, #F6FAFB);
    background-image:     -ms-linear-gradient(top, #CACACA, #F6FAFB);
    background-image:      -o-linear-gradient(top, #CACACA, #F6FAFB);
}

在所有浏览器和平台上使用它都很棒，但对于 IE 10，渐变 block 一直像这样重复:

我该如何为 IE 10 修复此问题？

对于 IE 9，渐变甚至不起作用，它只显示 #CACACA。我该如何为 IE 9 修复此问题？

Answer 1

对于 IE10:background-image: -ms-linear-gradient(top, color[, color]*);

对于 IE9:过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='color1', endColorstr='color2', GradientType=0);

不重复:background-repeat:不重复