问题
background image of type PNG is not transparent in ie6
回答1:
See these posts
IE6 PNG transparency
How to use semi-transparent png images in IE6
回答2:
This is a known issue in IE6: Transparent PNGs are only supported with some hacks.
回答3:
This is a well-know bug. There are several workarounds, e.g. you can try using Google's ie7-js library.
回答4:
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
回答5:
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.
来源：https://stackoverflow.com/questions/1266125/transparent-background-png-image-issue-in-ie6