views:

937

answers:

5

How can I use semi-transparent png images in IE6?

A: 

You can't... IE6 doesn't support transparent PNGs. Your best option is to use transparent GIFs and format them to match the background they go over.

Edit: On that note: http://ie6update.com/

JerSchneid
What it actually doesn't support is semi-transparent (or: translucent) PNG.
reisio
+10  A: 

In fact you can using IE6 PNG Fix. There are some limitations, but overall, it works just fine.

SeasonedCoder
A: 

Be aware that the AlphaImageLoader transform can deadlock IE6.

Use PNG8s instead of regular PNG32s. You are restricted to 256 colors and 1 bit of alpha transparency, but it beats randomly deadlocking the browser.

George V. Reilly
You can actually have 8 bits of alpha transparency in a PNG8 image, but IE6 will only render completely transparent or completely opaque. Other browsers render the 8-bit transparency just fine.
Cameron
True, the PNG8 format has 256 levels of transparency, but as far as IE6 is concerned, it's all or nothing.
George V. Reilly
A: 

I had an issue once about png transparency in ie6 and what saved me was this:

http://allinthehead.com/retro/338/supersleight-jquery-plugin

hope it help

Sherlack
A: 

I have to say I prefer DD_belatedPNG over supersleight. It's way easier to implement and doesn't seem to deadlock IE6 plus hover works out of the box.

http://www.dillerdesign.com/experiment/DD_belatedPNG/

Ce.