Technote Details :: The dynamic menu shows behind the flash movie

Issue

I have a dynamic menu and a flash movie right beneath it. When unfolding the menu, its elements get hidden behind the flash.

Reason

This happens because most browser display embedded objects like flash movies or java applets on the top-most layer, thus covering any other elements (like dynamic menus).

Solution

To show text or image elements in front of the flash movie, there are some parameters that must be set, both when creating the movie, and in the web page:

  1. When creating the movie, at the export option, make sure to set the wmode option to either opaque or transparent.
  2. In the HTML code, you must add the wmode parameter to the object tag, with either opaque or transparent as values:
     <param name="wmode" value="transparent">
  3. The EMBED tag must have the wmode parameter as well:
     wmode="transparent"

This way, content that used to be displayed behind the flash movie will appear in front in any of the supported browsers:

  • Windows Internet Explorer
  • Windows Netscape 7.0
  • Windows AOL
  • Windows Mozilla 1.0
  • Mac OS X IE 5.1
  • Mac OS X IE 5.2
  • Mac OS X Netscape 7.0
  • Mac OS X AOL
  • Mac OS X Mozilla 1.0
  • Mac OS X CompuServe

For more detail, check out Macromedia technote 14201 here or the Community MX article here.


Florin CARLIG - 07-20-2006 04:52:32 GMT +2

 

Please try to export the flash movie with wmode set to opaque, and then in the page add this property:

obj_cssMenu1.setHideOverlayObjects(false);

so the code will look like this:

var obj_cssMenu1 = new CSSMenu("cssMenu1");
    obj_cssMenu1.setTimeouts(000, 200, 800);
    obj_cssMenu1.setSubMenuOffset(0, 0, 0, 0);
    obj_cssMenu1.setHighliteCurrent(true);
    obj_cssMenu1.setHideOverlayObjects(false);
    obj_cssMenu1.show();

where obj_cssMenu1 is the name of your CSS Menu.

Home > Support > Knowledge Base > Technote Details
Search the Knowledge Base
© Adobe Systems Romania. All rights reserved.