html - 如何将渐变应用于在 IE9 中正确显示的元素？

Question

我想对我的元素应用渐变。我用得更少。

对于 IE9，我使用以下 css:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@FirstColour, endColorstr=@SecondColour)";

其中@FirstColour =#b7d4ee 和@SecondColour=#7a9eca;

就是这样的渐变:

但是在上面定义了 css-style 的 IE9 中，我看到的渐变是这样的:

当在 IE9 浏览器中加载页面时，我的 less 没有被编译(不知道为什么)并呈现为:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@FirstColour', endColorstr='@SecondColour')

如何在IE9中使用较少的方法来获得正常的渐变显示？

Answer 1

使用梯度生成器 here它为包括IE在内的所有浏览器提供了所有的渐变解决方案。那里解释了说明