I know this is a common problem, but I can't find any fixes/hacks for this anywhere. It's a real pain, as a lot of the images on my site are PNGs. Works like a charm in Firefox, but in IE looks an absolute bugger. Really annoying. So any fixes/hacks would be really appreciated.

 

Thanks

Hi,

 

You can use a CSS hack for this or indeed the AlphaImageLoader technique but these are complicated and can be troublesome.

 

I would recommend using conditional comments to serve specific style instructions to IE 6. In the CSS point to a transparent GIF instead of a PNG file.

 

The quality of the GIF and its transparency may not be as good as the PNG version but at least you'll be able to display your design the way you intended, all be it of slight less quality.

Right, thanks. I was thinking of a CSS hack, but I couldn't find any. Do you know of any good ones? I may use GIFs now, instead of PNGs. Depends if I can get a good CSS hack.

 

Argh, bloody Internet Explorer!

Right, thanks. I was thinking of a CSS hack, but I couldn't find any. Do you know of any good ones? I may use GIFs now, instead of PNGs. Depends if I can get a good CSS hack.

 

Argh, bloody Internet Explorer!

 

 

There is so easy way to fix this problem

 

http://www.sailboatvn.com/web-development/...6-supersleight/

 

All the bests,

 

Dave

Seriously there are dozens of ways of doing it.

 

I personal use the jQuery fix (because I already use jQuery) - it's so easy.

 

*you'll never get a repeating background image to work - and with the jQuery one a:hover image changes don't work either.

...or there's the option of not bothering and letting it degrade gracefully, but depends on your target user base.

I think using a GIF file format only if the IE is less than 7, sounds the best. Just call the GIF files with a seperate style sheet.

Havent done this before, so will be trying it out later!!

 

Also, How can i check in IE6? I have vista. Browsershots i know, any other ways?

Use the UNIT PNG FIX: Unit PNG FIX