Selteco Software
 

My menu is overlapped by Flash animation

Symptoms

Submenus or the top bar is overlapped by Flash animation. Expand the top menu bar to see this behavior over flash animations.

Solution

There is no solution for this problem unless you use Internet Explorer 3 or higher. Flash animation window is a separate system window. The browser creates Flash window "above" the main browser window (as a child window) so the Flash animation rectangle will always overlap HTML contents.

To make a Flash animation transparent in Internet Explorer use so called "windowless" mode. Add the following parameter s to the OBJECT and EMBED tags in the HTML code:

<param name="wmode" value="transparent">

<embed wmode="transparent">

Composition guidelines

If transparent mode can not be used try to re-create your web page and place flash animations above the menu bar, so the menu will not overlap Flash when it drops down.

Correct Flash code with Transparent option:

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH="486" HEIGHT="60"
CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<PARAM NAME="MOVIE" VALUE="test.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="WMODE" VALUE="transparent">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="test.swf" WIDTH="486" HEIGHT="60" PLAY="true" LOOP="true" WMODE="transparent" QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>


Comments?

If you would like to briefly comment on this article, you can enter your remarks in the space below (up to 255 characters):