Overlapping swfs using z-index - FF vs IE vs Safari

[rmo518]

I've searched for an answer to this and have found similar problems, but not solutions (at least not for this specific issue).

Here's the situation: I have a flash navigation (wmode="transparent") that sits in a div, and the drop downs appear above any html below it. So far so good. Then I have another swf (wmode="transparent") on the page in a div (z-index 1) below the nav div (z-index 2).

In both FF and IE everything looks okay - the drop downs appear over top of the second swf - but in FF I can't click on the button in the second swf. I can in IE but not in FF.

In Safari when you roll over the button in the second swf, the mouse cursor rapidly strobes between arrow and finger as if it's having a nervous breakdown - and you can't click on the button.

Any thoughts on how to correct this?

[rmo518]

Any tips on ways to get transparent flash movies to "play nice" with layers over top of other swfs and/or html? (Even if it's not a specific answer to the exact problem I'm describing.)

[signifer123]

really i don't think there are solutions for this :-p


i think you'd kinda have to cheat like if the first swf isn't doing something use localConnection to tell the second one its being clicked on and it locations of the click.

And the rapid thing i havn't got a clue, un;ess you can force the javascript function focus()to hve it choose based on the mouse position


Pretty much i feel theres alot of code involving you pretty much writing your own mouse handler :P

[designer007]

Hi,
use


<param name="wmode" value="opaque">
<embed src="images/anim.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="741" height="168" wmode="opaque" menu="false">

[rmo518]

really i don't think there are solutions for this :-p
I was afraid of that. Unfortunately, reinventing the mouse handler seems time prohibitive for what I'm trying to do.

@ designer007 - I am not sure what your suggestion means. It seems to me that opaque is the opposite of what I need here - I need the page underneath to show through (whether it happens to be another swf or html).