Sunday, May 1, 2011

Cross Browser dropdown/popup menu over a flash movie

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?

From stackoverflow
  • 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.

  • 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

  • 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.

  • 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!

0 comments:

Post a Comment