Bootstrap渐变Mixin在IE9中不起作用

Question

我有这段代码是从编译引导梯度减去mixin而得到的：

html, body {
    height: 100%;
    background-image: -webkit-linear-gradient(top, rgba(108, 91, 123, 0.8) 0%, rgba(53, 92, 125, 0.8) 100%);
    background-image: -o-linear-gradient(top, rgba(108, 91, 123, 0.8) 0%, rgba(53, 92, 125, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(108, 91, 123, 0.8) 0%, rgba(53, 92, 125, 0.8) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc6c5b7b', endColorstr='#cc355c7d', GradientType=0);
}

http://jsfiddle.net/xzyfg67z/

它在所有主流浏览器（IE 10+）中都可以正常运行，但在IE9中则不能。

我想知道IE9是否应该支持Bootstrap渐变混合，或者我的代码有什么用？

Answer 1

我认为不支持IE9中的背景渐变。 解决方法似乎正在使用此方法中概述的SVG。