如何在IE9中正确显示渐变元素？

Question

我想在我的元素中应用渐变。我少用它来做。

对于IE9，我使用以下css：

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

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

这是这样的渐变：

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

当在IE9浏览器中加载页面时，我的编译器（不确定原因）是否会被编译并渲染到：

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

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

Answer 1

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

Answer 2

尝试从此处创建渐变：

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