PNG Transparency in IE 5 & 6 Options

[cikayelle]

I had been working on a heavily-reliant-on-transparent-PNGs MySpace layout for about a couple hours each day of a week now, and come time to do browser testing, I find that IE cannot render my PNGs correctly. Thus, the entire layout is just the topmost layer and gray all over. I've been searching for some sort of hack to override this, but all I can find are Javascript and PHP solutions, and the "help" Microsoft offers makes the images entirely transparent. Any suggestions at all would be appreciated.

[*tripvertigo*]

i dont use 7. just because you think people probably dont use a certain browser is no excuse not to have cross browser portability.

http://www.twinhelix.com/css/iepngfix/

here. i use this all the time. download the zip archive on that page.

since it's on myspace, you'll need to do the following:


Upload blank.gif to a webserver.
Open iepngfix.htc in notepad.
Find this:

// This must be a path to a blank image. That's all the configuration you need.
if (typeof blankImg == 'undefined') var blankImg = 'blank.gif';

change "blank.gif" to "http://yoururlhere.com/blank.gif" (wherever you uploaded blank.gif to).

Save iepngfix.htc and upload it to a server.

Put this in your myspace css:

CODE

<style type="text/css">

img {
   behavior: url("http://yoururlhere.com/pngbehavior.htc");
}

</style>

replace yoururlhere.com with wherever you uploaded the file.

That SHOULD work.