Transparent PNG menu background in IE6 with rollovers
Hi, I am trying to do this for what feels like my whole life.
I have a list menu with links to display blocks, each link has sliding doors png background image. I used this javascript ( http://www.ideashower.com/our_solutions/png-hover/ ) to implement the alphaimageloader fix for ie6 using transparent gif.
When I test it for the first time, it works, but if I click to another page and then click back it doesn't work anymore - the menu disappears completely, I can get it to work again by duplicating the transparent gif and changing its name, but again if I go to another page and then go back to it, it stops working and the menu disappears.
Is it a server caching issue or something.
Any thoughts on this would be much appreciated!
thank
If caching it could possibly do the AJAX trick. Generate a random number each time you run your code and append it to the transparent gif url.
so in the pngHover.js file:
transparentImage = '/j/transparent.gif';
will be
transparentImage = '/j/transparent.gif?143253214';
To get a random number in js google it will give you a lot. /
source to share