PNG in Background Image CSS for IE

**MandASystems** · 11-08-2006, 09:25 PM

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...

Code:

#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!!!

**SHydroxide** · 11-08-2006, 10:05 PM

Quote:

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...

Code:

#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?

**ADAM Web Design** · 11-09-2006, 12:00 AM

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

Code:

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

**ctess** · 11-09-2006, 02:31 AM

Quote:

Originally Posted by ADAM Web Design

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

Code:

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.

**LadynRed** · 11-09-2006, 03:31 PM

IE 7 DOES now support transparent PNGs