Transparent background png image issue in IE6

Question

background image of type PNG is not transparent in ie6

Answer 1

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.

Answer 2

See these posts

IE6 PNG transparency

How to use semi-transparent png images in IE6

Answer 3

This is a known issue in IE6: Transparent PNGs are only supported with some hacks.

Answer 4

This is a well-know bug. There are several workarounds, e.g. you can try using Google's ie7-js library.

Answer 5

I think you should definitely check the JQuery plugin called Supersleight, created by the guys on All In The Head & 24 Ways. They fixed some problems that comes with using AlphaImageLoader on IE6. From the 24 Ways page:

• Works with both inline and background images, replacing the need for both sleight and bgsleight
• Will automatically apply position: relative to links and form fields if they don’t already have position set. (Can be disabled.)
• Can be run on the entire document, or just a selected part where you know the PNGs are. This is better for performance.
• Detects background images set to no-repeat and sets the scaleMode to crop rather than scale.

The last one is the most important! Here are the links:

• http://allinthehead.com/retro/338/supersleight-jquery-plugin
• http://24ways.org/2007/supersleight-transparent-png-in-ie6