views:

331

answers:

3

Hello,

Im sure this questions has been asked a zilion times but im dire need of a solution for this example. I've built a jquery dropdown menu to float over a banner swf. for some reason in ie6 & ie7, the menu rolls behind the swf. i've tried the wmode=transparent in the code to load the flash file with no avail. i've also tried z-index in the css with the menu above the swf. no luck.

please help,

thanks

darius

A: 

Could this be the dreaded IE6 z-index bug?

Adrian Godong
possibly. works fine ie8, firefox and mac browsers. i hate ie
A: 

PSeven Solution

Keith Donegan
tried that. didn't work
+1  A: 

Check the following:

  • Did you set wmode="opaque" to both the object and the embed tag?
  • Does the dropdown menu's div has a z-index greater than the object/embed tag?
Andrew Moore
i'm using swfobject to load my swf.this is my code...<script type="text/javascript"> var flashvars = {}; var params = {}; params.wmode = "transparent"; var attributes = {}; attributes.id = "flash_header"; swfobject.embedSWF("test.swf", "flash_header", "898", "265", "9.0.0", "expressInstall.swf", flashvars, params, attributes);</script>the dropdown menu has a greater value z-ndex. should the div holding the swf have index as well?
The div holding the swf should have a lower z-index than the dropdown menu.
Andrew Moore