如何在IE9中正确显示的元素上应用渐变？

Question

我想将渐变应用于元素。 我用更少的钱去做。

对于IE9，我使用以下CSS：

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

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

它是这样的渐变：

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

在IE9浏览器中加载页面时，我的less不会被编译（不确定原因）并呈现为：

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

如何以较少的使用量在IE9中获得正常的渐变显示？

Answer 1

在此处使用渐变生成器它为每个浏览器（包括IE）提供所有渐变解决方案。 那里有说明

Answer 2

尝试从此处创建渐变：

http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html