rendermouse blog

Real PNG 8-bit transparency in Win IE using CSS

I was doing some CSS research today, and found this little gem. It only works in IE browsers, but sometimes that is OK.

You can use full 8-bit transparency PNG files in Windows IE if you use a particular Microsoft image filter - AlphaImageLoader:

<span STYLE="position:relative; height:100px; width:100px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myPNG.png',sizingMethod='scale');"></span>

Normally PNG files saved with 8-bit transparency show NO transparency within IE when using the IMG tag, but if you use this instead, it works just fine.

You have to match the height values to your image, of course.