Force flash to play below dhtml menu?


I don’t suppose anybodies found a firefox solution yet? The site Im building is for our only customer using Firefox.

Sorry, I just tried and it works in Firefox, mine is using the same code but doens’t work.

I had the solution of to send the flash movie behind the dropdown menu list in the browser. yea u have to add the “window mode” property like this
<param name=“wmode” value=“opaque”>
in u’r HTML code. Just do it it will work.
Myself working nicely.

Here’s how you can have a Flash animation play below a dhtml menu (I use OpenCube) in both IE and Firefox.

Step 1 Build your Flash animation with a transparent PNG (I use Photoshop to build mine)

Step 2 Insert this PNG graphic so that its the background image (layer 1) in your Flash animation.

Step 3 Publish the flash and insert it into your HTML page.

Step 4 Make sure you have these parameters set when inserting yoru animation in the html document.

<param name=“quality” value=“high”>
<param name=“embed” value=“transparent”>


OH YEA, I just learned something today about this issue. Make sure there is no CSS pointing to the Flash animation in your HTML doc. CSS will thwart this solution in Firefox.

Have a great DAY and make some killer flash pages!

The PNG thing doesn’t work for me in either IE or Firefox.
The wmode thing works well with IE but doesn’t seem to work with Firefox.
What is the real solution?


How do you even fix all of these problems, i had all the same.

This does work, and in most browsers. Unless you have any type of onmouseover css in Mozilla or Safari on a mac. The change of state, such as link text to underline on mouseover, makes the Flash movie appear and disappear over the div layer. I can’t find a work around at all. Any ideas?

I thought of dropping the flash into an iframe and reducing the width as the layers appear. But in Explorer Mac the iFrame sits on top too. Would work if I didn’t have the second lower div appearing and disappearing.

An annoying thing about this, is that you can’t get these DHTML menus to appear over Flash advertisements such as served by FastClick/Tribal Fusion, because you can’t mess with the flash embedding code :frowning: I suppose this is now impossible?

Hi Guys,

I was really struggling to get things looking right in FF, but the example on works fine in both IE and Firefox.

The trick is to use the wmode and menu code not only under the other param lines (does the trick for IE) but to also print the code in the embed src line at the bottom, this willl display things properly in Firefox too!

  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=",0,29,0" width="640" height="290">
    <param name="movie" value="example.swf">
    <param name="quality" value="high">
    [COLOR=Red]<param name="wmode" value="opaque">
    <param name="menu" value="false">[/COLOR]
    <embed src="../img/flash-bedrooms.swf" quality="high"
pluginspage="" type="application/x-shockwave-flash"
[COLOR=Red]wmode="opaque" menu="false"[/COLOR] width="640" height="290"></embed>

Hope this saves you some frustration! :wink:


Is that not exactly what it says to do on the link in the 4th post in this thread?

Well, after many tries of tweeking and trying the different ways suggested on this post I am still having problems getting it to work with Firefox(1.0.5). I think I have figured out that you HAVE to use the ‘embed’ tag, which for me creates another problem for me… the page will no longer validate for XHTML. ARGH!

hello ,

it wasn’t work in the begining with FF … but after several searches it is done at last :D:D

just make a flash called flash.swf and publish it in the browser and replace the code in the browser by the following one :

[COLOR=Navy]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html xmlns=“” xml:lang=“en” lang=“en”>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1”>
<style type=“text/css”>
#flashcontain {
width: 200px;
position: absolute;
top: 45px;
left: 10px;
z-index: 0;
#table {
width: 200px;
position: absolute;
top: 45px;
left: 10px;
z-index: 1;

<body bgcolor=“#ffffff”>
<!–url’s used in the movie–>
<!–text used in the movie–>
<div id=“flashcontain”>
<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“,0,29,0” width=“548” height=“106”>
<param name=“wmode” value=“opaque” />
<param name=“movie” value=“flash.swf” />
<param name=“quality” value=“high” />
<param name=“menu” value=“false”>
<embed src=“flash.swf” quality=“high” pluginspage=“” type=“application/x-shockwave-flash” wmode=“opaque” menu=“false” height=“106” width=“548”>
<div id=“table”><table>
<td width=150 height=“200” bgcolor=“#993300”> texttexttexttexttextxttexttexttexttexttexttexttexttext</td>

The wmode opaque/transparent values do hide the flash part, but in my case (a flash scroller) I noticed that in MSIE scrolling is slower and instead of smooth it is jerky. In Firefox everything works the same regardless of the wmode value.

Any idea how to solve this in MSIE?

Changing the quality parameter doesn’t seem to make a difference.

I’m hoping someone who knows what they are doing sees this and knows what the heck I’m talking about. On this page: I have two very strange issues between the menus and the Flash. I’ve read all the posts here and done hours worth of research but nothing seems to work.

In Safari when the menus drop down the customer is telling me the Flash completely disapears. (the "right now section with the 3 CD covers)

In MAC AOL (half this company uses AOL :cry: ) They say the Flash shows up but the CD covers in the Flash DONT … weird because the text and the rest of the Flash does. I’m thinking on this one it might be some type banner blocker.

I don’t have a MAC to look at this and the client is not what you would call “computer savvy” so I could really use some educated info here.


Deo’s strategy works flawnessly in Firefox and Safari (Mac). Props, Deo!

OK, in case someone’s still looking for a quick answer, here’s what works for me in IE 6 and Firefox 1.5. I figured it out combining various suggestions in this thread. Thank you.

Stick this normal param tag in with the rest, as usual:

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

This’ll make it work in Explorer.

Then put this


inside your embed tag, like this:

<embed [B][COLOR=Red]wmode="opaque"[/COLOR][/B] src="file.swf" quality=high pluginspage="" type="application/x-shockwave-flash" width="535" height="331"></embed>

This’ll make it work in Firefox.

Don’t ask me since when wmode is an HTML attribute, for it beats the crap out of me, but it works. This wmode deal, of course, will ruin your valid code if ran through the W3C validator.

SWFObject is the answer to that one -

works fine for me

I have a menu and lightbox on my site to but I cant get this to work, this is how i did the menu (click on “creating animated buttons”
And I use <param name=“wmode” value=“opaque”>
and in the embed I use wmode=“opaque”

I also tried to put in menu=“false” but didnt make any differense…

Heres my problem in Mozilla:
When I use the scroll bar on the right side of the site the flash sometimes get inactive so I have to click on it once to make the buttons work… How can I fix this?