Posted By

DeadLy on 01/18/08

Tagged

Versions (?)

Who likes this?

5 people have marked this snippet as a favorite

SpinZ
stoker
ginoplusio
joshontheweb
droopysignal

IE PNG FIX. CSS Solution

/ Published in: CSS

Expand | Embed | Plain Text

* html img, 
* html .png{
    azimuth: expression(
        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
 
    );
}

Report this snippet Tweet

Comments

Subscribe to comments

Posted By: SmpleJohn on January 18, 2008

Um... look under the Most Popular links on the home page. There is already a solution for this. Is there a reason this one is better, or is it just a different way to do the same thing?

Just curious:)

Posted By: DeadLy on January 21, 2008

if you talk about it (http://snipplr.com/view/137/png-background-transparency-ie/), there hack only for one picture, but it is a decision for all of pictures of png

Posted By: mikaelhultkvist on February 13, 2008

Nice snipple! But I cant get it to work with background images. Anyone else got this problem. Its supposed to work om backgrounds to right?

Posted By: LadynRed on March 3, 2008

The transparency PNG 'fix' does NOT work for repeating images so unless it's a 1-image static background it won't work.

Comment:

You need to login to post a comment.