eNilsson

IE6 PNG Transparency Fix

Sometimes we get designs that require us to use transparency. What I personally don't see any problem unless you have to worry about IE 6.

In our case, we try to make our website as much cross-browser as possible which put us in the position to make those transparencies work also on IE 6.

I googled it and I found a few solution that could fix my problem. Some of them very smart, like Dean Edwards that developed a javascript library to MSIE behave as standards-compliant browser.

But my problem was simple this time. Than, I found a post on Bioneural  that gave me a pretty simple idea to fix it.

All I had to do to was:

 

<!--[if lte IE 6]-->
<style>
#myImageID{
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='http://www.domain.com/images/myimage.png');
padding-top: 115px;
}
</style>
<![endif]-->

 

That's it! Simple and easy!

Comments

Click here to comment this post.

Name :
E-mail :	We need your email address for verification, but it won't be published.
URL :
Comment :
Comment verification: Click here if you can't see the image Please enter the text you see inside the graphic to post your comment: