Has anyone fiugured out how to get IE 5.5 and 6 to see a Transparent PNG correctly as a BG Image in a CSS file...

#TB_window {
    position: absolute;
        background-image: url(popupBG.png); 
        background-repeat: no-repeat; 
        background-position: center; 
    z-index: 102;
    color:#000000;
    display:none;
    border: 1px solid #525252;
    text-align:left;
        overflow:  hidden;
}

I currently am using a gif, but it looks like crap!!!

Originally Posted by MandASystems

Has anyone fiugured out how to get IE 5.5 and 6 to see a Transparent PNG correctly as a BG Image in a CSS file...

#TB_window {
    position: absolute;
        background-image: url(popupBG.png); 
        background-repeat: no-repeat; 
        background-position: center; 
    z-index: 102;
    color:#000000;
    display:none;
    border: 1px solid #525252;
    text-align:left;
        overflow:  hidden;
}

I currently am using a gif, but it looks like crap!!!

If it's the background, why does it have to be transparent?

This is NOT standards-compliant, but it does work:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='popupBG.png');

Originally Posted by ADAM Web Design

This is NOT standards-compliant, but it does work:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='popupBG.png');

That's the only thing that will make it work. unfortunately IE does not support alpha transparencies of png's (I dont even think IE7 beta supports it), why I do not know because the format is much better than gif and legal.

IE 7 DOES now support transparent PNGs