PNG transparency fix that works!

PNG transparency fix that works!

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