suckerfish menu shows up behind flash objects in firefox 3.5 [#516958]

Some users on my site are seeing the drop down suckerfish menu show up behind a flash object on my site. Firefox version 3.5 and flash version 10.

not sure if you can help or not, but thought i'd let you know about the issue.

my site is www.expat-advisory.com

thanks!

Comment	File	Size	Author
#5	expat-corrected.png	75.67 KB	gausarts

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

Jeff Burnz CreditAttribution: Jeff Burnz commented 12 July 2009 at 18:45

Can you please explain to me why this is a bug and why I therefore need to fix something?

Comment #2

dparrott CreditAttribution: dparrott commented 13 July 2009 at 17:09

well, i didn't think the suckerfish menu should be showing up behind other objects on the page. it makes it so the suckerfish menu can't be used.

Comment #3

gausarts CreditAttribution: gausarts commented 14 July 2009 at 09:51

To make flash obey z-index layering, add a parameter transparent wmode to your flash code. If you did, then make sure your dropdown menu has z-index higher than your flash (Don't forget to give your flash block z-index lower than dropdown). Normally between below 0 to 9. But you can see set your dropdown some crazy value like 999 :) Hope that helps

Comment #4

dparrott CreditAttribution: dparrott commented 15 July 2009 at 02:15

you know, i actually think this might be a bug with firefox 3.5. so, i apologize for wasting your time. i've tried all of the known fixes with z-index and setting the object to transparent, but no go. So, again, sorry for wasting your time.

Comment #5

gausarts CreditAttribution: gausarts commented 15 July 2009 at 05:10

File	Size
expat-corrected.png	75.67 KB

You haven't given wmode="transparent" to the embed tag. That's the problem. You have to give the transparent paramater to both object and embed.

This is yours:

<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="460px" height="300px" title="map">
      <param name="movie" value="sites/default/files/flashObjects/navMap_main.swf" />
      <param name="quality" value="high" />
<param name="wmode" value="transparent" />

      <embed src="sites/default/files/flashObjects/navMap_main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="460px" height="300px"></embed>

    </object>

Otherwise use the simpler valid flash embed:


<object type="application/x-shockwave-flash"
data="path/to/your/file.swf"
width="460" height="300">
<param name="movie" value="path/to/your/file.swf" />
<param name="quality" value="high"/>
<param name="wmode" value="transparent" />
    </object>

Hope that solves. It's okay here now.