Html IE9梯度使用-ms

任何人都知道我如何在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%);

我不想用馅饼。

试试这个-

---

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

IE9不支持渐变-仅IE10：

相反，我建议使用这样的方法来加快IE中的编码速度：

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

这也意味着当规范改变时，我的网站仍然有效

---

或者，使用，尽管我不太喜欢毕业生。

如其他答案所述，

-ms

前缀是IE10+。IE9也放弃了对旧的

过滤器
语法的支持，因此您实际上无法使用纯CSS渲染任何渐变

解决这个问题的一个方法是为
背景图像
属性使用SVG渐变
 IE9不这样做梯度-IE10可能会。您需要为IE9使用
过滤器
；请看如何使用过滤器获得上述效果。你能给我一个与-moz匹配的例子吗。我需要能够添加多个站点。感谢您解释图像SVG加载是什么。mage/svg+xml；base64，PD94bWwgdmVyc………）这是什么以及它是如何工作的。