I'm at a loss, jquery.pngFix stopped working

programming web dev
1

Here is the jQuery.pngFix plugin page
http://jquery.andreaseberhard.de/pngFix/index.html

I have a widget that has CSS background PNG images and uses jquery to show & hide an empty div. My CSS background PNGs are not in an inline style because I have a function that swaps between them.

However I have run into a situation where it stopped working after testing on a local server & I am unsure as to why.

The CSS & jquery scripts, & all images are on a local server, absolutely pathed, but the widget is being inserted via a 3rd party include that tracks clicks and in this situation my PNGS are no longer transparent. I did absolutely path to the blank.gif referred to in the jquery.pngFix file but that did not work. I am using jQuery.noConflict(); because of conflicts with prototype on the same page. I noticed there is refer to removing noConflict in the changelog however it did work locally so I don’t thinbk that is the issue.

Any ideas or avenues to explore or other pngfix solutions that work on CSS backgrounds are much appreciated.

2

could be a jquery version issue, i’ve had issues w/ the new jquery and the old interface. we had to modify the old interface to work w/ the new jquery for one of the features we have on our current cms.

3

Yeah me too. I had not DLed the newer versions of jquery because they were like 4k larger. I just pathed to the exact version of jquery that the creator of the jquery.pngFix plugin is using on his page but it did not help. What is weird is I had it working locallyeven though I had neglected to upload the blank.gif referenced in the file. I have emailed Andreas Eberhard to see if he has any suggestions. I’m bummed because I was loving this fix.

To add insult to injury I just realized that IE6 is not swapping between the close & replay PNG images. Replaced them with GIFs & it is.

4

this is the jquery pngfix i use

http://jquery.khurshid.com/ifixpng.php

works well, you may like it

5

Thanks! I checked it out, unfortunately jQuery.noConflict(); appears to break it. I am leaning towards a pixel font GIFs with a teeny tiny opaque background the same size as the copy.