Displaying A DHTMLMenu Over Flash Objects

Flash objects normally appear above all other objects on a page, and they will cover a DHTML submenu. To see an example, mouse over the menu item below and the submenu should appear behind the Flash object (the spinning globe):

 

The Sothink DHTMLMenu program provides an option to auto-hide a Flash movie or other ActiveX object (Global Settings - Advanced), but it is not cross-browser compatible and, when it does work, it completely hides the Flash object. Here is an example of the auto-hide option:

If you want your site to be cross-browser compatible, we suggest that you not select the auto-hide option in the DHTMLMenu program. Instead, use the following method to display a DHTML menu over a Flash object. This method, which uses a smaller amount of system resources and is supported by a large number of browsers, involves adding wmode="opaque" to both the <object> and the <embed> tag. Here is the opaque code along with an example (the code you need to add is highlighted):

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="100">
<param name="wmode" value="opaque" />
<param name="movie" value="images/globe.swf" />
<param name="quality" value="high" />
<embed src="images/globe.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="100"></embed>

 

---