Hi All,

 

I'm creating a horizontal navbar with buttons that are completely transparent, but have highlights and shading that are reversed onhover/onclick. All works fine in all the good browsers.

 

After successfully implementing the PngFix.js so that transparent PNGs appear transparent in IE6, I'm now left with the problem that those buttons are fully transparent in IE6 (!) and show no highlights/shading at all - they are no longer visible as buttons.

 

I've tried various other fixes (IE7.js, DD_belatedPNG), but no improvement.

 

I was wondering if anyone had any suggestions as to how I can get the highlights/shading to appear in IE6?

 

Cheers

My first question is, are you using the alpha channel in these png's?

Hi Bocaj,

 

Yep, using PNG32 files. Strange that IE6 will acknowledge the alpha channel transparency but appears to ignore the bevelling/embossing effects. Tried creating the buttons in photoshop, with and without a vector mask.

 

I'm encouraged by the fact that a number of people have found solutions to displaying transparent PNGs in IE6. If that can be done, I'm wondering whether there is a a further small tweak that can get IE6 to display the bevelling and embossing effects. Ideally, knowing why it doesn't display it or even why it can't possibly display it would be helpful (although the solution would be the ideal).

IE6 has always been flaky with PNG's even with fixes. Can you not use non-transparent images, or use a CSS conditional to server up different images just for IE6?

Easy option is to let IE6 display single colour image, but as the main issue of transparency has been overcome it seems a shame/waste to give up now when there may just be a small tweak to either the web code, or indeed the Photoshop/Fireworks image itself, to get the shading to display.