2

Basically my problem is the site I am working on has a horizontal drop down menu and I am implementing a flash chart on the page.

When you hover over the menu the items drop down behind the flash chart and are unclickable. Can I get around this somehow?

Luke Lowrey
  • 3,203
  • 3
  • 28
  • 40

4 Answers4

6

Make sure you set the wmode to transparent for your flash content.

thedz
  • 5,496
  • 3
  • 25
  • 29
3

bgiframe is a jquery plugin that will allow you to do what you are asking; You can do this without jquery (obviously), but the plugin makes it really simple. Technique is basically to add an IFrame around the content you want to show over top of the flash (this also works for hovering content over dropdown lists).

Chris Shaffer
  • 32,199
  • 5
  • 49
  • 61
0

Setting the wmode to transparent/opaque however, won't work if you are implementing an accessible site (which is now a government law). Setting the wmode to transparent/opque will fix the issue of overlay, but will create more issues with regards to accessibility as you can't tab into the flash content, sometimes you can tab into it once, but as you cycle, you won't be able to tab into it again...

Jorge Murillo
  • 1
0

@Fábio Antunes - Who is still wondering here is an example:

   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/s...rsion=6,0,29,0" width="192" height="298">
          <param name="movie" value="flash/template2.swf">
          <param name="quality" value="high">
          <embed wmode="transparent"> <!--THIS IS NECESSARY TOO-->
          <param name="wmode" value="transparent">
          <embed src="flash/template2.swf" width="192" height="298" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
        </object>