Radgrid HeaderStyle-CSS issue

[Peeyush]

Hello,

The following under mentioned css doesn't work in IE8 for radgrid headerstyle-css.
background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent !important;

I tried this in case of firefox, and it worked,
    .RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader
    {
          background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent !important;
    border: 1px solid #313841 !important;
    height:35px;
    }

but, for IE it shows white header with border on all sides for headers, but the background css doesn't workout,
any help on this will be highly appreciated, its urgent please help!

Thanx in advance!

[Princy]

Hello,

In CSS3 prefix -moz- is used for firefox. For IE you can try the following.

CSS:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4C5766', endColorstr='#313841')"; /* IE8 */

Thanks,
Princy.

[Peeyush]

Thanx Princy!

Though the background is set, but the color looks somewhat different its not exactly the same, and also now the column borders are missing.
PFA the screenshot of how the grid headers look without borders in IE8 and with borders in firefox.

Thanx!

[Peeyush]

Hello Princy,

Can you please suggest me the css for safari for the same thing, as in safari its not working.
any help on this will be highly appreciated, its urgent please help!

As suggested i used the following Css for firefox and IE8
    .RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader
    {
          background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent !important;/*firefox*/
    border: 1px solid #313841 !important;
    height:35px;
    }
    
        .RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader
    {
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4C5766', endColorstr='#313841')"; /* IE8 */
         border: 1px solid #313841 !important;
         height:35px;
    }

Thanx!