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/

IE9 Gradient使用-ms

3 个答案: