My site has a drop-down menu built in CSS and JavaScript that drops down over a Flash animation. In IE (6&7) the drop-down menus drop over the Flash animation, however, in Firefox (2&3) the menus appear underneath the Flash animation. Is there any way to get this dynamic menu to flow OVER the Flash in Firefox?
In IE 7 menu appears over the Flash:
In Firefox the menu appears under the Flash: (How can I fix this?!)
My site has a drop-down menu built in CSS and JavaScript that drops down over a Flash animation. In IE (6&7) the drop-down menus drop over the Flash animation, however, in Firefox (2&3) the menus appear underneath the Flash animation. Is there any way to get this dynamic menu to flow OVER the Flash in Firefox?
In IE 7 menu appears over the Flash:
In Firefox the menu appears under the Flash: (How can I fix this?!)
Share Improve this question edited Jun 25, 2017 at 9:53 ɢʀᴜɴᴛ 32.9k15 gold badges121 silver badges114 bronze badges asked Sep 12, 2008 at 4:47 GOOTGOOT 1691 gold badge3 silver badges10 bronze badges6 Answers
Reset to default 8Try setting wmode to transparent - see here
wmode=opaque seemed to work for me
I did it here:www.toolgal., hover over the products menu on the top navigation
Dan
Use z-index and set the menu to something like 100 and the flash movie to something in the negative like.....say -1.
Cheers
Have you tried the iframe trick (i.e. floating an iframe behind the menu, thus putting hte flash layers behind.)
The iframe-trick is only for IE (below IE7), so it probably would never help in Firefox.
I'd try to enable wmode=transparent, so that the Flash content won't get its own HWND
Enabling wmode=transparent is the way to go. But also note, that Firefox in Linux does not obey that, and the flash will always be on top.