png transparency in ie6!
For a long time I have been avoiding transparent PNGs because of one browser that is, sadly, still one of the most widely used (as of now, October 2008). Of course I am talking about IE6, the maverick.
Recent project requirements forced me to find an answer to this problem. I must not have looked very hard before, because this solution was not hard to find. The solution is at ie7-js and the implementation is even more staggeringly easy:
-
-
<!–[if lt IE 8]>
-
-
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
-
-
<![endif]–>
Wow! That’s easy! I, however, opted to download the ie8.js and blank.gif file directly to my client’s website for performance and reliability factors. At any rate, it worked like a charm! That is, after I read a not-so-obvious part on the google-code page that says every picture you want changed needs to have a -trans suffix added to the filename in the img tag.
Other than that, I am very excited about the possibilities this advancement has brought to current and future projects. Enjoy!
October 27th, 2008 at 12:49 pm
[...] All I can say is wow… The difference between animated GIFs and animated PNGs is like the difference between a ball mouse and an optical. This has incredible implications for interactive design as you could be able to but non-vertex based effects on your page with incredible clarity. I’m going to see if I can get this technology to work in ie6 using the method in my previous post of transparent PNGs in IE6. [...]