html - 垂直渐变/IE

Question

有人请告诉我 Internet Explorer，世界上最常用的网络浏览器支持 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 */

...除了 Internet Explorer 之外，它在我用过的所有浏览器中都能完美运行! Internet Explorer，即使是最新版本(9 beta 和 9RC1)也不支持渐变!

到目前为止，我在网络上看到的所有教程都是告诉我使用具有渐变效果的背景图像并在其上重复 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 宽的渐变切片。