CSS – background-image issue in IE non-compatibility

By | March 14, 2013

I have been facing an issue with background-image for IE non-compatibility mode, Firefox and Chrome. Actually, the image is not displayed in IE non-compatibility, Firefox and Google Chrome. In IE compatibility, images displayed properly without issue.


CSS style for my button was as follows:
.btnStyle
{
font-family:Arial;
font-size:8pt;
color:White;
background: none url(‘../Images/btn.gif’);
border: none;
height:23px;
font-weight:normal;
}

In above code, ‘none’ for background is basically default value.
I googled online and after hit and trial, I just remove ‘none’ from background. so, button background style looks like:

background: url(‘../../Images/btn.gif’);

It resolved the issue for IE non-compatibility, Chrome and Firefox.  Hopefully, it will be helpfull for those facing the same problem during their Web Development efforts.