While designing the blog for Riviera '09, I had to face a small problem. The logo and background images are PNG having Transparency effects. I am using Firefox 3 and Chrome on my laptop, but the college is still completely on IE 6. The problem was that, the transparency effect was not working on Internet Explorer 5.5 to 7, instead it shows a bad looking white background which is really affecting the design. I searched all over the net for some solution for this. I got many sites saying how to fix it. But I ended up with something called IE PNG Fix developed by Angus Turnbull (TwinHelix.com). I tried many solutions on net, and I found this one as the easiest and best for the PNG problem.
While other fixes gives transparency for single images, this one can fix the problem with background images as well as images having CSS background-Repeat property which I used in the blog design. The install of this script is also very easy
Download the IEPNGFix v2.0 Alpha from http://www.twinhelix.com/test/ or the attachment with this post
Just add the following code in head tag
If you want the CSS Background-Repeat feature also, then add the following code to include a small js file which comes with this v2.0 Alpha:
There are lots of features for this. Just extract the zip file and open the iepngfix.html for more details.
Thanks to its developers.
While other fixes gives transparency for single images, this one can fix the problem with background images as well as images having CSS background-Repeat property which I used in the blog design. The install of this script is also very easy
Download the IEPNGFix v2.0 Alpha from http://www.twinhelix.com/test/ or the attachment with this post
Just add the following code in head tag
CODE:
<style type="text/css"> img, div { behavior: url(iepngfix.htc) } </style>
<style type="text/css"> img, div { behavior: url(iepngfix.htc) } </style>
If you want the CSS Background-Repeat feature also, then add the following code to include a small js file which comes with this v2.0 Alpha:
CODE:
<script type="text/javascript" src="iepngfix_tilebg.js"></script>
<script type="text/javascript" src="iepngfix_tilebg.js"></script>
There are lots of features for this. Just extract the zip file and open the iepngfix.html for more details.
Thanks to its developers.
