Ie6 PNG transparency Fix / Hack

Posted by admin on July 8, 2008 · Leave a Comment 

Just Copy and paste this code in this CSS file. Copy transparent.gif in to “images” folder.

/*Start css code*/

* html img,
* html .png {position:relative; behavior: expression((this.runtimeStyle.behavior=”none”)&&(this.pngSet?this.pngSet=true:(this.nodeName == “IMG” && this.src.toLowerCase().indexOf(’.png’)>-1?(this.runtimeStyle.backgroundImage = “none”,this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’” + this.src + “‘, sizingMethod=’image’)”, this.src = “images/transparent.gif”):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace(’url(”‘,”).replace(’”)’,”),
this.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader
(src=’” + this.origBg + “‘, sizingMethod=’crop’)”,this.runtimeStyle.backgroundImage = “none”)),this.pngSet=true));}

/*End css code*/

Filed under PNG, ie 6 css hack, png transparency css, png transparency fix, png transparency in ie6 · Tagged with