Web & graphic design notes

IE PNG transparency support

You can find a lot of techniques on the Internet how to provide PNG support of the IE browser. Basically, images in the PNG format support different transparency levels (alpha channel), but IE6 doesn’t support those levels, and you won’t be able to see a nice transparent image.

The simplest way to solve this is to use a different css directive for the IE:

#png_image {
width: 40px; 
height: 40px; 
background: url(png_image.png); 
} 
 
*html  #png_image { 
background:  none; 
width: 40px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=’png_image.png’); 
} 

You can use conditional comments in the html file and use a different CSS file for IE hacks.

To see more filter options and sizingMethod attributes, visit MSDN