background-image:none css not working in IE browser

[Christopher Susilraj]

Hi sir,
          We are using Telerik RadGrid. We have  remove background image in header of the radgrid sir....

 We give the corresponding  Css  style  below sir....

div.RadGrid_Default .rgHeader , div.RadGrid_Default .rgHeader a
        {
           font-family:Trebuchet MS;
           font-size:14px;
           color:#575757;
           font-style:normal;
           background-image:none;
           background-color: #EEEEEE;        
        }

The above Css style which removed the background-image in the RadGrid header  while running in  Firefox browser and not work in Internet Explorer Browser sir....

 Our need is how to remove background-image in  RadGrid  header running in Internet Explorer Browser.....

we are waiting for your valuable answer sir....

Kindly reply soon sir....

[Christopher Susilraj]

Hi sir,
          We are using Telerik RadGrid. We have  remove background image in header of the radgrid sir....

 We give the corresponding  Css  style  below sir....

div.RadGrid_Default .rgHeader , div.RadGrid_Default .rgHeader a
        {
           font-family:Trebuchet MS;
           font-size:14px;
           color:#575757;
           font-style:normal;
           background-image:none;
           background-color: #EEEEEE;        
        }

The above Css style which removed the background-image in the RadGrid header  while running in  Firefox browser and not work in Internet Explorer Browser sir....

 Our need is how to remove background-image in  RadGrid  header running in Internet Explorer Browser.....

I have attached the Screenshot for Firebox and Internet Explorer Browsers....

We already posted this issue two days before sir.....

Please kindly reply soon sir,we are waiting for your valuable answer sir....


Regards
Balaji.J

[Galin]

Hello Christopher Susilraj,

I just tested the provided CSS rule and it looks as is expected in all IE browsers. I guess you have additional custom styles, which override it. Therefore I recommend you to take advantage of web tools like Firebug for Firefox / IE developer tool. Shortcut F12 activates both and with them it is very easy to inspect the elements and see the styles that they have. After inspecting the element styles you can add or edit their CSS rules.

Additionally you can find a sample web site in the attached file, which I used for the tests.

Regards,
Galin
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Christopher Susilraj]

Thanks sir,
                   I  saw sample code and put it my project sir....
In firefox  background image is removed but in Internet explorer background image didn't remove  sir....

In our project  set background image to all row of the radgrid Using below  CSS style

.RadGrid_Default .rgRow td
        {
            border-width: .2em;          
            background-image:url('Images/imgAppoinment.png');                  
        }                

Our need is remove background image from header of the radgrid... So we using below Css style

div.RadGrid_Default .rgHeader, div.RadGrid_Default .rgHeader a
        {
            
           font-family:Trebuchet MS;
           font-size:14px;
           color:#575757;
           font-style:normal;
           background-image:none;
           background-color:#EEEEEE;
           
        }    
  
The above CSS work fine in firefox ,google chrome sir, but not work in Internet explorer sir...

Please kindly guide me sir with some example source code sir

[Pavlina]

Hi Christopher Susilraj,

Thanks for the sample code. However, I can not replicate the problem you are facing under IE. Please examine the attached tet project and let me know what is the difference in your case.

All the best,
Pavlina
the Telerik team