views:

2638

answers:

4

I need to make my dropdown menu apprear over the top of a flash movie, how is this done cross browser?

It can be done, IBM do it: http://www.ibm.com/us/ so do GE: http://www.ge.com/

Setting the the WMODE to transparent doesn't work for Firefox

Putting it into an Iframe doesnt work below IE7

Any one know the best way to achieve this?

+3  A: 

Set the wmode to transparent and if necessary, use z-index as you would on any other element, that really should work for Firefox too.

grapefrukt
+3  A: 

here is an example with all three modes: opaque, transparent and no wmode at all

http://www.communitymx.com/content/source/E5141/wmodeopaque.htm

use transparent if you have something under the flash movie that you want visible, opaque if you don't want to show what's underneath

and set a higher z-index for menu than the flash movie has

daniels
+1  A: 

Firefox for linux shows flash on top of everything. Regardles of wmode or z-index.

EDIT: I just found out that the Linux issue described above can be "fixed".

You need to add an iframe with a z-index between the swf and the layer you want to put on top of it. The iframe needs to have style="display:none" initially and you must use javascript to set display:block on it after the flash plugin has initialized. The Iframe will hide all swfs that are below it on linux.

Gene
A: 

Just wanted to let you know that I was having the same problem with my site and I added display:block; to the css part of my flash, and it finally appeared under my thickbox popup in FF. So your comment really helped. Thanks!

cssnoob