Transparency PNG pictures with Internet Explorer 6 (server-side solution)

Purpose
Kill the grey backdrop of transparency PNG images in Internet Explorer 6 (server-side solution)
Thanks to Natch (https://vborg.vbsupport.ru/showthread.php?t=67413) and d00d (http://koivi.com/ie-png-transparency/)

Version of Koivi's script
2.0.12

Update
10/01/2006 : detect MSIE to ignore IE7 or greater

Installation
1)Edit the xml file, update line 8 with your information :

$img_path='http://www.websitedirectory.com/forumdirectory/images/'

AND save.

2)Import xml file with Plugin Manager.

3)Copy "spacer.png" picture to vbulletin images directory.

Information
-Sometimes (it depends) you will have to specify the height and the width of the png picture, otherwise, it won't work. Don't hesitate to go to d00d website he often update his code.
- When a link is above a png background, it will not work !
Works now ! thanks to Holger R?prich of "www.indesigns.de".
Go and see the solution here.
-With this extension, png pictures with vB collapse system don't work (under IE of course). P.S : even after having edited vbulletin_global.js

[cclaerhout]

Originally Posted by Johannes de Le?n

I use pngfix, it is much easier, and works great.

You can get it here.

Then just put this in the headinclude template:

<!--[if gte IE 5.5000]>
<script type="text/javascript" src="path/to/pngfix.js"></script>
<![endif]-->

I don't like this method eventhough i've suggested it here :
https://vborg.vbsupport.ru/showthread.php?t=77465

Why ?
1)It's not a sever side solution but a client side solution and i find it a lot slower on old compruters.
2)It's javascript.
3)It doesn't work with background pictures.

[Bad Bunny]

Originally Posted by theArchitect

Fantastic. This is will come in most handy.

I installed this, and it works great. Thanks!

[GrendelKhan{TSU]

er...sorry for the stupid question...but I installed it...

but how do you know if its working?

:ermm:

[Bad Bunny]

Originally Posted by GrendelKhan{TSU

er...sorry for the stupid question...but I installed it...

but how do you know if its working?

:ermm:

Use Internet Explorer for windows. Use PNGs that have gradient transparency. If there is a grey box around it, something is wrong.

[cclaerhout]

Originally Posted by GrendelKhan{TSU

er...sorry for the stupid question...but I installed it...

but how do you know if its working?

:ermm:

You just have to use a png picture inside the code of vBulletin.
Try this hack : https://vborg.vbsupport.ru/showthrea...ewpost&t=94430 :-)

I'm working on a png bbcode to use png (with transparency) in threads. Width and height will have to be specified.

[cclaerhout]

Xml file updated with version of Koivi's script 2.0.11.

Originally Posted by Koivi

UPDATE: (8/4/2005): There was a missing comma in the filter that caused MSIE 5.5 (6 was ok) to not render some background images. Thanks to Pierre Lemieux for reporting this!

Good news : there is may be a solution to make work a link above a png background.

[cclaerhout]

Originally Posted by cclaerhout

there is may be a solution to make work a link above a png background.

Tested and approved :

Go to "All style options", then in "Additional CSS Definitions"
add :

*a {position:relative;}

And that works !
Thanks to Holger R?prich of www.indesigns.de

[cclaerhout]

Originally Posted by cclaerhout

Tested and approved :

Go to "All style options", then in "Additional CSS Definitions"
add :

*a {position:relative;}

And that works !
Thanks to Holger R?prich of www.indesigns.de

Warning : don't use

*a {position:relative;}

with vbshout or it will cause a bug !

Instead, just add a style to your link

style="position:relative;"

[Avalon111]

works like a charm!
thanks!!!

[TygerTyger]

This hack is only necessary for 24-bit PNG images by the way. 8-bit PNG images (single colour transparency) work fine in IE without a hack.