[jQuery] Re: superfish transparent PNG problem IE (8) when dropdown opens
Hiya, I had the same problem in IE8 - and have just this second found the fix. Just add a z-index to the 1st CSS section! I just added z-index:999 to the CSS style settings for '.sf-menu, .sf-menu * ' this. Worked for me and hope it fixes it for you too! Regards, Ed On Dec 16 2009, 12:48 pm, troop msa_...@yahoo.de wrote: Hi Everyone! I encountered a really strange behavior of thesuperfishmenu. It works like a charm an FF etc. but onIE8 (couldn't test it with a lower one yet) the already transparent background of the content DIV gets a gradient transparency when the dropdown gets visible... i couldnt find the part where the PNG alpha chanel is manipulated insuperfish, but would be fine with just turning this functionality off, since its not needed anyway... you can look at a example athttp://goleon.de/wordp/ just hover over one of the menuentries and youll see what i mean... any help is highly appreciated. Thx, Troop
[jQuery] Re: superfish transparent PNG problem IE (8) when dropdown opens
did you look at the site with IE8?
the menu doesnt contain images, the maincontent DIV does. and the
transparent PNG of the DIV gets messed up somehow.
I kinda solved it by setting:
animation: {height:'show'}
now there is no opacity change, and the background PNG of the content
DIV stays as it should, but the whole thing still is odd...
Re: [jQuery] Re: superfish transparent PNG problem IE (8) when dropdown opens
troop wrote:
did you look at the site with IE8?
the menu doesnt contain images, the maincontent DIV does. and the
transparent PNG of the DIV gets messed up somehow.
I kinda solved it by setting:
animation: {height:'show'}
now there is no opacity change, and the background PNG of the content
DIV stays as it should, but the whole thing still is odd...
IE's alpha png support basically consists of them applying the IE alpha
png filter we all know internally by default. So basically the same bugs
we saw in IE6 show when you try to fade in a png in the later versions too.
You can either avoid fading elements with transparent png's (in IE) or
you can send IE 8-bits versions of your .png (or a .gif, same thing).
Jonathan
--
Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
I'm out of the office from 24/12/09 until 05/01/10
[jQuery] Re: superfish transparent PNG problem IE (8) when dropdown opens
IE8 and IE6 or below do not play well with PNG as I have found out recently. To fix issues with IE8 try putting this in the head tag: meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /
