Alpha transparency in IE

Question

I am creating a website with TON png-24 files that have a transparent background. In IE 6, they obviously do not display correctly, so I need some reliable, good solution that will fix the PNG problem in IE and require a little work and be reliable. Any good ideas?

Answer 1

Here are some good png fixes for ie6:

http://labs.unitinteractive.com/unitpngfix.php

http://www.twinhelix.com/css/iepngfix/

Answer 2

For IE6 transparency, I follow personal threads:

1. If there is only one or two PNG images (for example, a logo or a normal image), I just use filter :

 #selector {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='crop');} 

Problems: if applied to a link, it will no longer be clickable. Perhaps apply h1#logo and transparency a .

2. If I have many 24-bit PNG files or special use cases (background repetition, etc.), I use DD_belatedPNG

IMPORTANT FOR IE7 + IE8: You cannot animate or combine filter:alpha (which is used for general opacity for an element in IE, and jQuery is also used to set opacity ). property with 24-bit transparent PNG images. It changes it to 8-bit transparency, with everything that is 100% opaque or transparent, on a black background.

Answer 3

There are many IE PNG fixes on the web that mostly work with the same technique. Senior Internet researchers do not directly support alpha in PNG, but they all have a filter that does this. Therefore, writing the following code as part of the css object, puts the image in src against the background of the element:

 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png'); 

This way you can easily display transparency in Internet Explorer. However, it’s much easier to just get one of the png fix scripts (in JavaScript) and include it on your page inside conditional comments. Then the script will make all your images work automatically.

Answer 4

We used Dean Edwards' IE7 for this. (That was called before the release of IE7.) It was good for this kind of thing.

Answer 5

Currently, there are many possibilities for this. The standard applies a DirectX filter through CSS to change PNG transparency in IE6. There are even scripts that will automatically do this when loading a web page from an IE6 client or less.

http://www.google.com/search?btnG=1&pws=0&q=transparent+png+ie6