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:
background: none url(‘../Images/btn.gif’);
border: none;
}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.

Category: CSS3 Miscellanous Web Tags:

About Web Development

Imran Abdul Ghani is working as Software Developer(Senior) with extensive knowledge in Web development technologies especially C#, ASP.NET, MVC, WCF, Web API, ADO.NET Entity Framework, jQuery etc. He has several years of experience in designing/developing enterprise level applications. He is Microsoft Certified Solution Developer for .NET (MCSD.NET) since 2005. You can reach his blogging at www.webdevelopmenthelp.net, www.topwcftutorials.net, and www.sharepointfordummies.net.