How to display a drop-down menu on top of flash object?

[tommyweb]

Hi guys:

My navigation menu appears underneath a flash object. I need to pull it to the front. I was able to do this in IE but the same approach does not work in Mozilla Firefox. How do I achieve this in Mozilla Firefox and/or other browsers? Thanks.

T

 

[kennethkawamoto]

Set wmode to opaque (or transparent)

Kenneth Kawamoto

http://www.materiaprima.co.uk

 

[oldnewbie]

http://www.communitymx.com/content/article.cfm?cid=E5141

Regards. FLASH HELP - OPENED FOR BUSINESS!
TO GET YOUR OWN FREE WEBSITE HOSTING

 

[tommyweb]

Yes, I set wmode to opaque (or transparent) but it only works in Internet Explorer but not in Mozilla Firefox. How do I do it so that the navigation menu displays on top of the flash object in Mozilla Firefox ? Thanks.

 

[kennethkawamoto]

http://www.adobe.com

Adobe site above usually has DHTML drop down over Flash banner. It is working fine for me on Firefox. If you look at the source HTML, you can see they are using wmode = opaque technique (with SWFObject). Isn't Adobe site working for you?

Kenneth Kawamoto

http://www.materiaprima.co.uk

 

[oldnewbie]

Are you using the SWFObject?

If not, you've got to set the wmode in the Embed tag as well, which is used by FF. IE uses the Object tag.

Regards. FLASH HELP - OPENED FOR BUSINESS!
TO GET YOUR OWN FREE WEBSITE HOSTING

 

[tommyweb]

I looked at the Adobe page source code and saw

props.wmode= "opaque";

However, this line is embeded in Javascript. I don't use Javascript though.

Here's a piece of my code:

<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"

width="584" height="235" title="slide-show">
<param name="movie" value="flash/slide-show.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="flash/slide-show.swf" quality="high" pluginspage="

http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" width="584" height="235">
</embed>
</object>

My flash object is a swf file. I have also tried setting one of those parameters above to:

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

but it's not working for Mozilla Firefox (it's working for Internet Explorer)

 

[kennethkawamoto]

Your embed tag has no wmode

Kenneth Kawamoto

http://www.materiaprima.co.uk

 

[oldnewbie]

Errhummmh! Told you needed the wmode=transparent in the embed tag, for it to work on FF...

<embed src="flash/slide-show.swf" quality="high" pluginspage="

http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" wmode="transparent" width="584" height="235">

http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14201&sliceId=1

Regards. FLASH HELP - OPENED FOR BUSINESS!
TO GET YOUR OWN FREE WEBSITE HOSTING

 

[tommyweb]

Thank you oldnewbie and Ken a lot. It's working in Firefox now. Thanks again.

 

[oldnewbie]

Grrrrrrrrreat!

Regards. FLASH HELP - OPENED FOR BUSINESS!
TO GET YOUR OWN FREE WEBSITE HOSTING