Is it possible to overlap a Flash movie with a layer?

Tim · #1 (**permalink**) 02-23-2005, 03:55 PM

I'm trying to partly overlap an swf movie with a <div> layer, to incorporate 2 elements as if they were one. Basically, I've got an animated logo which transforms large, centrally, at the top of a page then shrinks and slides to a position just above a left aligned vertical navigation, where it stays.

The movie is on a layer at the bottom of the stacking order and the overlapping layer is at the top but the Flash always takes priority. If it makes any difference I'm using the 'Satay method' of Flash insertion on an 'XHTML 1.0 Transitional' page. I don't want to incorporate the navigation into the Flash.

I'd be very grateful if anyone has a solution.

Cheers.

paulhiles · #2 (**permalink**) 02-23-2005, 04:18 PM

Try using wmode="opaque" as part of your Flash movie's parameters

Further info here

Hope that helps!

Paul

paulhiles · #3 (**permalink**) 02-23-2005, 06:11 PM

Just to clarify what I meant by using the wmode attribute. Your Flash code would approximate to the sample code snippet below:

Code:

<object ...>
<param name="wmode" value="opaque">
<embed wmode="opaque" ...>
</embed>
</object>

This would allow div elements / dhtml layers to overlap the Flash content.

Paul

Tim · #4 (**permalink**) 02-24-2005, 04:54 AM

Thanks Paul,

I added the <param name="wmode" value="opaque"> line but it still doesn't work. As I'm using the Satay method I have no <embed>, so didn't insert '<embed wmode="opaque" ...>', but I doubt if this would stop it working. I will go through Stephanie Sullivan's article and let you know if I find a solution.

Cheers,
Tim

Tim · #5 (**permalink**) 02-24-2005, 05:01 AM

Paul, it does work. I had messed up the stacking order!

Thank you so much,

Tim

paulhiles · #6 (**permalink**) 02-24-2005, 07:25 AM

Nice one Tim!
Maybe you could supply a link to the finished page?
I've used the Satay method myself, but my attempts were all quite straightforward (no overlapping elements!)

Paul

Tim · #7 (**permalink**) 02-24-2005, 08:31 AM

Paul,
It would be worthwhile pointing out here that 'Windowless Mode' is only available by publishing for Flash Player 6 or 7 and doesn't work at all in Opera or older browsers. Your helpful link to http://www.communitymx.com/content/a...cfm?cid=E5141I has a complete list. I will have to insert plugin and browser checks and a redirect to a non-overlapping version of the page for Opera and older browsers.

The design possibilities of being able to integrate Flash in more complex and subtle ways excites me!
I'll send you the temporary URL in a message.

Tim.

SAPYS infoTECH · #8 (**permalink**) 09-05-2007, 09:47 PM

Thank You It Helped me alot.

Shakil Chikodi
SAPYS infoTECH

tricker · #9 (**permalink**) 10-03-2007, 12:21 PM

Hi All,

even also tried that name="wmode" value="opaque" but it does'nt work
here is the code could you please review the code and make the correction if i did something wrong in it

<body>

<div style="height:125px; width:225px; background:transparent; position:absolute; top:125px; left:125px; z-index:1">
dsfdfdfsdf
</div>
<object>
<param name="movie" value="gb pages/gb_25-9_sunil/images/sport.swf" width="525" height="275" name="wmode" value="opaque" >
<embed src="gb pages/gb_25-9_sunil/images/sport.swf" width="525" height="275" name="wmode" value="opaque" ></embed>
</object>

</body>