Get a Fix on IE transparency
Recently we have been getting quite the number of questions from previous clients who are trying to get a fix of transparency on their projects (not developed by us), as well as other visitors to our company’s blog. Since the requests are flowing in more and more everyday, I’m personally guessing because we have demonstrated that such is possible with a tiny work around. We’ve came up with a small list and thought it would be a great idea to blast this off as our first Tutorial program. For those of you who are just starting off and unfamiliar with this and everything so far that has been written above became just jumbo mambo, let us explain a little in detail before we get down to the list.
Introduction and How Come?
As a designer you can design that perfect looking site but in some cases as we all know it simply is hard to achieve the perfect look without using a PNG file here or there. Sure, many of you might say “Why not use transparency with gif”. You can of course, sometimes it works and sometimes it doesn’t but for those whom just seriously need to use PNG at some point in their design, in a background or other a fix will be needed.
Now having that great design, most updated and latest browsers such as Firefox, Internet Explorer 7 and 8, Opera, Safari and Chrome perfectly understand and render the PNG file. However, going a little bit back in time to the old and ugly Internet Explorer 6 and 5, PNG images are simply not rendered, showing up. In such that either your images or background will not show up or rather in some cases you will get a “white” image in that place. This is simply unacceptable by any designers and the last thing you want.
You don’t have to use the transparency fix for all PNG format images, only PNG format images that actually contain transparency within them. To fix such problem within your website development, you can visit the links below to fix this with a little bit of Javascript coding. These are provided as small JS files and little or not extra coding.
jQuery.ifixpng
Visit and Download: Right Here
Unit PNG Fix
Visit and Download: Right Here
IE7.js Fix
Visit and Download: Right Here
Twin Helix Fix
Visit and Download: Right Here
DD_BelatedPNG Fix
Visit and Download: Right Here
As a development team of some wacky websites for our clients and other firms and their clients, we have tried most of them. To be honest, right now even thought Internet Explorer is still used by 20% of the public and having two versions already ahead of version 6 (being 7 and 8), the above fixes have their own bugs. That said, whatever works for you as a designer to fix your problem and make your design compatible with Internet Explorer 6, is what you want.
I hope everyone enjoys our list of transparency work-around for Internet Explorer 6.
