PNG transparency fix that works!

Featured Image

If you are trying to fix that nasty PNG issue in IE6 search no more. Go to Drew Diller’s dillerdesign and behold. A PNG fix for IE6 that actually works on a repeating background image,  go figure :) Our new team member Ivan Weiler tried it out yesterday on a “soon to be launched” project and was amazed with the way it works. Here is the excerpt from his site:

This is a Javascript library that sandwiches PNG image support into IE6 without much fuss. You can use PNGs as the SRC of an <img /;> element or as a background-image property in CSS. If you attempt the latter, you will find that, unlike with vanilla usage of AlphaImageLoader, background-position and background-repeat work as intended. As a bonus, “fixed” elements will respond to a commonly used set of Javascript style assignments, as well as the A:hover pseudo-class.

2
Top

Enjoyed this post?

Subscribe to our RSS Feed, Follow us on Twitter and spread it to your friends!

Author

Zeljko Prsa

Project Manager / Team Leader

Asides cursing all of the Internet Explorer browser family on a daily basis, Zeljko enjoys his job as a Magento Front-end developer for over two years now.

Other posts from this author

Discussion 2 Comments

Add Comment
  1. Ryan

    Yes but don’t put any onmouseout or onclick.. as it replaces it with a hidden image.

  2. This is great, thank you so much dude :)

Add Your Comment

Please wrap all source codes with [code][/code] tags.
Top