ie6 Showing Image(.PNG) background-color for a transparent background

Hi guys I have a problem of images showing background-color on IE6 and its supposed to be a transparent background. on all the other browsers it i开发者_开发知识库s showing fine except for IE6.

can anyone please tell me what am i doing wrong. tried the opacity to 0 but its still showing the background-color.

The fix is quite simple. No need to include any JavaScript. Define your css like this and include your image name in filter.

.whatever {
    background: none; /* Hide the current background image so you can replace it with the filter*/
    width: 500px; /* Must specify width */
    height: 176px; /* Must specify height */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='vehicles.png');
}

IE6 doesn't support semi-transparent PNGs. Try something like this for a work-around if you really need to:

http://css-tricks.com/snippets/css/png-hack-for-ie-6/ or http://www.jay-han.com/2008/10/15/unit-png-fix-best-ie-png-hack/

Or just drop IE6, it's way behind all other browsers, and fast losing market.

IE6 doesn't support transparent PNGs properly.

This page has a fix which involves a behaviour file. Alternatively you could use GIFs.