html - Bootstrap 渐变混合在 IE9 中不起作用

Question

我有这段代码，是我通过编译 Bootstrap 渐变少混入得到的:

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 不支持背景渐变。解决方法似乎是使用此 approach 中概述的 SVG .