Why is the menu behind my Flash/Quicktime/Java/Form object or iFrame?

I have a Flash animation, Quicktime movie, Java applet, Form or iFrame on my page. The menu always appears behind it in some browsers- what's happening? Can I fix it?

Solution: Design the menu so it does not overlap the object

This is a problem (bug) in a variety of web browsers. Basically, these browsers "force" the plugin, form object or iFrame content to the front. All other content, including floating boxes will appear behind the object.

Because MenuMachine menus are built using Dynamic HTML, they are affected by this issue. This problem affects all DHTML menu systems, not just MenuMachine ones.

There is no workaround apart from designing the page so that the plugin object does not conflict with the menu.

Partial workaround for Flash objects:

1. This partial workaround for flash objects works in some browsers only. If WMode is not supported, the object will still appear over DHTML objects.

To allow DHTML objects appear over a Flash movie just add this parameter:

WMode=Transparent

to the Flash <object> tag.

It should look like this: <param name="WMode" value="Transparent">

Macromedia Articles:

http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_15523

http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_14201

Partial workaround for other objects:

2. Place the object in a floating box/layer.

Add an Action to the overlapping menu items to hide the layer containing the object when the menu is active and show the layer when the menu is inactive.

You could even have an image behind the layer so that when the flash movie, iFrame etc is hidden, you can see a "still" image (perhaps a frame from your movie) or another image behind it.

You need to define two Head Actions which use the ShowHide action set to trigger onCall, one which hides the floating box containing the Flash object and one which shows it.

Then, you need to attach the hide action to the "Mouse Enter" event of each menu item and the show action to the "Mouse Exit" event of each menu item.

Using GoLive Actions with Menus

You can see this effect working here.