Advertisement
Advertisement


CSS / JavaScript Navigation Menu on top of Flash in Firefox


Question

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?

alt text

In IE 7 menu appears over the Flash:

In Firefox the menu appears under the Flash: (How can I fix this?!)

alt text

2017/06/25
1
6
6/25/2017 9:53:11 AM

Accepted Answer

Try setting wmode to transparent - see here

2008/09/12
8
9/12/2008 6:02:37 AM

wmode=opaque seemed to work for me

I did it here:www.toolgal.com, hover over the products menu on the top navigation

Dan

2009/02/26

Use z-index and set the menu to something like 100 and the flash movie to something in the negative like.....say -1.

Cheers

2009/11/27

Have you tried the iframe trick (i.e. floating an iframe behind the menu, thus putting hte flash layers behind.)

2008/09/12

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

2008/09/12

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.

2008/09/15

Source: https://stackoverflow.com/questions/58317
Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
Email: [email protected]