如何在IE9中正確顯示將漸變應用於元素？

Question

我想對我的元素應用漸變。我用少做這件事。

對於IE9我使用下面的CSS：

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

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

正是這樣的梯度：

但在IE9與上述定義的CSS樣式，我看到這樣的梯度：

當IE9瀏覽器的頁面加載，我少ISN編譯（不知道爲什麼），並渲染到：

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

如何獲得正常的漸變顯示在IE9與少用？

Answer 1

使用梯度發生器here 它爲每一個瀏覽器，包括IE所有梯度溶液。指令解釋那裏

Answer 2

嘗試從這裏產生梯度：

​​