Posted By

cbx on 12/12/08


Tagged

fix png ie6


Versions (?)

IE6 PNG Fix


 / Published in: JavaScript
 

URL: http://labs.unitinteractive.com/unitpngfix.php

This is a PNG Fix for IE 6. Will have to use a conditional statement in the header:

Also need the clear.gif

  1. var clear="http://www.domainname.com/images/clear.gif" //path to clear.gif
  2.  
  3. pngfix=function(){var els=document.getElementsByTagName('*');var ip=/\.png/i;var i=els.length;while(i-- >0){var el=els[i];var es=el.style;if(el.src&&el.src.match(ip)&&!es.filter){es.height=el.height;es.width=el.width;es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+el.src+"',sizingMethod='crop')";el.src=clear;}else{var elb=el.currentStyle.backgroundImage;if(elb.match(ip)){var path=elb.split('"');var rep=(el.currentStyle.backgroundRepeat=='no-repeat')?'crop':'scale';es.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+path[1]+"',sizingMethod='"+rep+"')";es.height=el.clientHeight+'px';es.backgroundImage='none';var elkids=el.getElementsByTagName('*');if (elkids){var j=elkids.length;if(el.currentStyle.position!="absolute")es.position='static';while (j-- >0)if(!elkids[j].style.position)elkids[j].style.position="relative";}}}}}
  4. window.attachEvent('onload',pngfix);

Report this snippet  

You need to login to post a comment.