Vertical Gradient / IE

Question

Someone PLEASE tell me that Internet Explorer, the world's most used web browser, SUPPORES gradients for html elements!

I have it:

/* 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 */

... What works great in every browser on which I used it is EXCLUSIVELY for an Internet explorer! Internet explorer, even the latest version (9 beta and 9RC1) DOES NOT ACCEPT GRADIENTS OF SUPPORT!

So far, everything I've seen on the Internet is tutorials that say I use a background image with a gradient effect and just repeat-x on it.

Does anyone know how to get gradient support in IE? (no image)

Thank:)

Answer 1

Here is an example with gradient filters for 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 .