A div or list on top of a flash movie?

D4VE · 29 Jan 2007 at 09:40

Hi guys,

Got a flash movie that spans my web page. I want a menu on top of it. If I use position:absolute, even with a high z-index I still cant see the menu. Is there any way to do this?

thanks

JonD · 29 Jan 2007 at 11:30

I dont think it is possible to overlay something over a flash movie.

Flash will always appear with the highest z-index IIRC.

nav... · 29 Jan 2007 at 13:20

I did some experiments with this about 2 years ago and ran into the wall that it would never work on a mac, I got it working on the pc, but the mac would never play ball.

It's funny I was trying the same thing again about 30 minutes ago and now I'm on a mac, I can't even get past stage one, although it only jumps to the top when the flash is actually animating, when the anim stops, the flash assumes its rightful place.

D4VE · 29 Jan 2007 at 13:42

Thanks for the replies guys. Not a major problem, I can just do things a different way.

thanks again!

paulsheffII · 29 Jan 2007 at 14:03

It is possible but you need some additional parameters on the flash file.

Code:

<object type="application/x-shockwave-flash" data="/_flash/flash_file.swf" width="width" height="height">
<param name="movie" value="/_flash/flash_file.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="menu" value="false" />
<img src="/_images/flash_alt_image.jpg" width="width" height="height" alt="" />
</object>

D4VE · 29 Jan 2007 at 16:52

paulsheffII said:

It is possible but you need some additional parameters on the flash file.

Code:

<object type="application/x-shockwave-flash" data="/_flash/flash_file.swf" width="width" height="height">
<param name="movie" value="/_flash/flash_file.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="menu" value="false" />
<img src="/_images/flash_alt_image.jpg" width="width" height="height" alt="" />
</object>

EDIT: It doesnt seem to load in IE 6 now, just get the progress bar stopping and a blank space.

Works in FF though.

paulsheffII · 29 Jan 2007 at 17:37

Have you got the exact file right in both these params:

Code:

<object type="application/x-shockwave-flash" data="_flash/flash_file.swf" width="width" height="height">
<param name="movie" value="_flash/flash_file.swf" />

D4VE · 31 Jan 2007 at 09:38

Yes, definately right, but it doesnt load in IE6

Helium_Junkie · 31 Jan 2007 at 10:58

Would it be possible with your design to check for ie6 and adjust your layout to something else just for that case? Shouldnt have to dumb-down your design for a now-outdated browser.

Code:

<!--[if lt IE 6]>
    <some kinda handler>
<![endif]-->