ive created some f**kin PNGs in Fireworks and set the background(canvas) to transparent.. when opening in windows and other programs they really are transparent, but in internet explorer theire not.. they get the same background color as one of the tables on my site.. in netscape(and probably mozilla too) the are transparent, but the 32bit alpha effects(like drop shadow and things like that) doesnt work there..

any of you have a clue abou how to do this?

yes i have to use pngs..(i guess some of you will ask about that if i dont write it)

maddog said it was disabled in ie.. what a stupid f**king thing to do of microsoft..

i agree.. PNG is the best! actually pngs can get much smaller than both gif and jpg.. but with this f**king transparent thing in ie i cant use them to what i had planned..

okay then.. i didnt know the code for it..

so where have you been the last days? havnt seen you around here..

This is what you need:
http://www.wolfweb.co.uk/img/pngbehavior.htc - http://www.wolfweb.co.uk/img/pngbehavior.htc

You need to set the style or a CSS document like this.

CSS
.png {behavior: url("/img/pngbehavior.htc");}

Style
style="behavior: url("/img/pngbehavior.htc");}"

Either way, you need to set up you <img> tag like so...
<img src="uri.png" width="whatever" height="whatever" alt="whatever" style/class="delete as appropiate">

That will sort out your .png file problems and make them transparent.

AnthraX wrote: okay then.. i didnt know the code for it.. so where have you been the last days? havnt seen you around here..

Have been to a LAN party, and my mailbox crashed or something. Couldn't acces my mail for a week.

is the htc workaround cross-browser compatible?

. necronom .

IE is the only browser you need that component.. pngs are transparent in mozilla and netscape.. think it is in opera too, and then you have covered mostly all users

thanks wolfie! i will try this out right away..

Thanks!

one last quession... what goes in the "delete as needed" part? and does it have to be htc? can I change it to css or just copy past it into my current css?

. necronom .

i found an error.. when getting this to work, i first got a red cross over my 32bit apha png, that was because it couldnt find the transparent gif.. i pointed to a transparent gif, 1px and then, the image disappeared! i did some research in this htc document, and found that on line 43,  "AlphaImageLoader(src='" + realSrc + "',sizingMethod='scale')"; ,sizingMethod='scale' should be deleted, now it works fine!

thanks again wolfie!

btw, when using style (in the image tag) it should be like this style="behavior: url('pngbehavior.htc');}" with single quotes, not like this style="behavior: url("pngbehavior.htc");}" with double quotes..

Necronom, your img tag should look like this:

<img src="32bit_alpha.png" class="png" />

if adding .png {behavior: url("pngbehavior.htc");} to your stylesheet, or like this:

<img src="32bit_alpha.png" style="behavior: url('pngbehavior.htc');}" />

if you dont use CSS