Transparent PNG pictures with Internet Explorer

Transparent PNG pictures with Internet Explorer

What does that hack do ?
->It makes png files transparent with Internet Explorer.

As Natch's hack does ?
Yes, but it uses another way. I think it's easier for beginners.

Am i the author of that hack
No, i've just updated it for vbulletin.

Is there any problem with this hack ?
I find (just a personal feeling), that this hack is slower than Natch's hack. Please tell me what you feel.

Do you still have to specify the width and the height for each png file
Yes.

Will work:

<img src="directory/picture.png" width="10" height="10" />

Will not work:

<img src="directory/picture.png" />

Will work in a table:

<td style="background-image:url(directory/picture.png);height:10px;width:10px"></td>

Will not work in a table:

<td style="background-image:url($vboptions[bburl]/images/misc/someimage.png)"> </td>

I'd like to thank Andaas to give us that link : http://www.mongus.net/pngInfo/


Installation :
-Just download the archive, then unpack it
-Copy all the file into your "clientscript" forum's directory (http://yoursite.com/yourforum/clientscript)
-Log to your admin control panel and be prepared to modify "Styles & Templates"
-Look after your "headinclude" template, edit it and add at the top :

<link rel=stylesheet href="clientscript/pngHack.css" type="text/css">

-That's all !


Special notes for vbadvanced users
To make png transparent with IE on your portal page, you HAVE to specify the complete adress of your forum.
I mean, in the "headinclude" template, you must enter :

<link rel=stylesheet href="http://yoursite.com/yourforum/clientscript/pngHack.css" type="text/css">

You also have to edit pngHacks.css and pngHack.htc to add "http://yoursite.com/yourforum/" before urls with "clientscript/".

[MrNase]

Doesn't seem to work for me

[cclaerhout]

Have you precised the weight and the height of your pictures ?