Question

我有这个代码，我是通过编译bootstrap渐变而得到的，而不是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中的背景渐变我认为不支持。解决方法似乎是使用了这个approach中概述的SVG。

Bootstrap梯度mixin在IE9中不起作用

1 个答案: