PNG Transparency support in IE

[_Bat_]

Why, with all their billions, can't microsoft keep up with the computer industry?

 

Having completed layout of one of the websites I am building and starting to add content, I decided to do a complete test on all common browsers before I continued. I knew that IE6 didn't support PNG transparency, so I got a javascript workaround off the net. But this seems to leave the page continually loading, though most of the time it appears to be correctly loaded anyway.

 

However today, while testing it on my grans laptop, IE completely screwed the site up due to the javascript PNG fix, about half of the PNGs wouldn't even load.

 

I know IE7 gives full support for PNGs, but what the heck took them so long? It will be a while yet before the world starts to convert to either that or (hopefully) a better browser like firefox. If only M$ realised how much stress and wasted time they caused me.

 

Anyway, rant over.

[u8dmtm]

Why didn't you just use transparent GIFs?

[_Bat_]

Cos of the quality... due to some of what I was doing, the quality of GIFs just wasn't really suitable.

[CyberNerd]

Why, with all their billions, can't microsoft keep up with the computer industry?

..because compatibility allows better interoperability between non-ms platroforms. Expect MS only relacements for png and jpg for vista

http://en.wikipedia.org/wiki/Windows_Media_Photo

[Geoff]

Generally you have to do two versions of sites. One for IE6 and one for every other browser. Then use some funky version detection javascript to figure out which to serve to clients.

[StewartKnight]

it is annoying that the only transparency that IE supports is GIF, which only has 256 colours!

[webman]

Not ideal, but you might want to give the PNGBehaviour a go.

[Wizzer]

it is annoying that the only transparency that IE supports is GIF, which only has 256 colours!

 

That's not the worst of it, they only support 1 level of transparency, transparent or not which means nasty aliasing or yucky halos around some images.

[_Bat_]

Generally you have to do two versions of sites. One for IE6 and one for every other browser. Then use some funky version detection javascript to figure out which to serve to clients.

 

Hahahaha! Can someone please remind me why IE is still the most popular browser? It needs to become obsolete! I just hope IE7 proves me wrong... I haven't used it much yet though.

[_Bat_]

Not ideal, but you might want to give the PNGBehaviour a go.

 

I'll take a look at this tonight when I get home. Thx

[Guest Guest]

I just hope IE7 proves me wrong... I haven't used it much yet though.

 

So far, so bad. Its utter tosh!

[plugged_in]

If you are using css with the image you can use something similar to this code using the filter style

 

.left_shadow_new {
height: 100%;
width: 10px;
z-index: 3001;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/left_shadow.png', sizingMethod='scale');
background-image: url(img/left_shadow.png)!important;
background-repeat: repeat-y!important;
background-image: none;
background-repeat: no-repeat;
top: 10px;
}

 

Hope it helps.