Posted By

noah on 05/21/07

Tagged

png transparency ie6 hacks

Versions (?)

Who likes this?

7 people have marked this snippet as a favorite

jonhenshaw
trickychicken
basicmagic
mind
vali29
silvan
LeeRJohnson

Transparent PNG CSS for IE6

/ Published in: CSS

Apparenttly this does NOT work locally. You MUST view the page on a server. Otherwise the PNG will not show up /at all/ in IE6.

UPDATE: wfdev commented and said that this WILL work locally, but the path to the PNG must be relative to the HTML file, not the CSS file. I haven't tested yet, but that sounds right to me.

Also commenter silvan pointed out a typo, which I fixed. Thanks!

Expand | Embed | Plain Text

div.thingy {
  height: 100px;
  width: 100px;
  position: relative;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/girl_small.png', sizingMethod='scale');
}
 
* > .thingy {
  background-image: url(images/girl_small.png);
}

Report this snippet Tweet

Comments

Subscribe to comments

Posted By: Moyo on January 25, 2008

You would at least imagine it would work on a local apache server... =/

Posted By: noah on March 29, 2008

@Moyo, try using the IP address of your server, or a domain name with a dot in it, instead of "localhost"? Ymmv, it's been a while since I've had the pleasure of working in IE 6.

Posted By: wfdev on April 17, 2008

It doesn't have to be on a server it's just that the src needs to be relative to the html page & not the CSS

Posted By: silvan on May 5, 2008

thanks for the hint.

The second class definition should be with the ": url":

> .thingy { background-image: url(images/girl_small.png);}

Comment:

You need to login to post a comment.