垂直渐变/IE

Question

请告诉我，Internet Explorer，世界上最常用的web浏览器，支持html元素的渐变！

我有这个：

/* default background colour, for all layout engines that don't implement gradients */
background: #2a6da9;

/* gecko based browsers */
background: -moz-linear-gradient(top, #55aaee, #003366);

/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366));

color: #000000; /* text colour (black) */
height: auto; /* gradient uses the full height of the element */
padding: 5px; /* distance from border edge to text */

...Which在我使用过的所有浏览器上都能完美地工作，除了internet explorer！Internet explorer，即使是最新的版本(9beta和9RC1)似乎也不支持渐变！

到目前为止，我在web上看到的都是教程，告诉我使用具有渐变效果的背景图像，并在其上重复-x。

有没有人知道在i.e.中获得梯度支持的方法？(无图像)

谢谢您:)

Answer 1

这是一个IE的渐变滤镜的例子。

http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/

该代码片段显示：

        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";

但我总是使用1px宽的渐变切片。