使用-ms的IE9渐变

Question

任何人都知道如何在IE9中实现这项功能。 顶部的在Firefox中效果很好，但是当我为IE9添加第二个时，它不起作用。 任何想法我在做什么错。

    background: -moz-linear-gradient(top,  rgba(117,117,117,1) 0%, rgba(111,111,111,1) 5%, rgba(102,102,102,1) 11%, rgba(39,39,39,1) 42%, rgba(28,28,28,1) 50%, rgba(0,0,0,1) 53%, rgba(0,0,0,1) 100%); /* FF3.6+ */

    background: -ms-linear-gradient(top left, rgba(117,117,117,1) 0%, rgba(117,117,117,1) 5%,rgba(102,102,102,1) 11%, rgba(39,39,39,1) 42%, rgba(28,28,28,1) 50%, rgba(0,0,0,1) 53%, rgba(0,0,0,1) 100%);

我不想使用PIE。

Answer 1

试试看-Ultimate CSS Graident Generator

单击页面右下方的“ IE9支持”复选框。

Answer 2

IE9不支持渐变-仅IE10： http ： //caniuse.com/#search=gradient

相反，我建议使用类似这样的方法来加快IE中的编码： http ： //www.bradshawenterprises.com/blog/2010/dynamically-drawing-gradients-with-php/

我通常使用它为我生成渐变的png，然后先将其设置为背景，然后再使用CSS grad获得另一个属性。 这样一来，它就可以在所有不支持渐变的较旧的浏览器中运行，而不仅仅是IE。

这也意味着，当规格更改时，我的网站仍然有效。

另外，也可以使用http://css3pie.com/ ，尽管我不太喜欢应届毕业生。

Answer 3

如其他答案所述， -ms前缀用于IE10 +。 IE9也放弃了对旧filter语法的支持，因此您实际上无法使用纯CSS渲染任何渐变。

一种解决方案是对background-image属性使用SVG渐变。 http://css3wizardry.com/2010/10/29/css-gradients-for-ie9/