Flash Animation Z-index

dexcab · 11-18-2008, 12:38 PM

Hi, I'm having trouble positioning my flash animation using its z-index.

I have a CSS menu on a page that pops out, and the flash animation naturally stays on top of all other elements.

Can someone assist with the correct coding to edit the position of the flash animation?

You can see my problem and source code at www.plytrim.com/private/index.html

Thanks!

**dm01** · 11-18-2008, 04:58 PM

Looks fine to me (Opera 9.62 Dragonfly). What is being covered, and how would you like to fix this?

dexcab · 11-19-2008, 01:29 PM

Hi!

The pop-outs on the lower portion of the menu end up being covered by the flash animation. For example if you hover over "Industrial Manufacturing."

Here's the opening tag of the DIV the menu is in:

Code:

<div id="menu" style="z-index: 500; left: 0px; width: 184px; position: absolute; top: 0px;
        height: 100px">

And here's the opening tag of the DIV I wrapped around the flash object.

Code:

<div style="z-index: -1; display: block;">

I thought by setting the animation's z-index lower than the menu's z-index, the problem would be solved, but I guess not. I'm not sure what I'm doing wrong, or if my code is missing anything.

Thanks!

dexcab · 11-20-2008, 07:58 AM

Note: I've been designing the site more and "Industrial Manufacturing" no longer has a pop-out menu.

11-18-2008, 12:38 PM	#1 (permalink)
dexcab Registered User Join Date: May 2008 Posts: 13 OS: Windows XP Home	Flash Animation Z-index Hi, I'm having trouble positioning my flash animation using its z-index. I have a CSS menu on a page that pops out, and the flash animation naturally stays on top of all other elements. Can someone assist with the correct coding to edit the position of the flash animation? You can see my problem and source code at www.plytrim.com/private/index.html Thanks! Last edited by dexcab; 11-18-2008 at 12:40 PM.

11-18-2008, 04:58 PM	#2 (permalink)
dm01 Moderator: Design Join Date: Oct 2006 Location: Richmond, B.C.; Canada Posts: 1,615 OS: Windows XP [Version 5.1.2600] SP3 \| Debian \| Windows 7 Ultimate (MSDNAA I <3 you) My System	Re: Flash Animation Z-index Looks fine to me (Opera 9.62 Dragonfly). What is being covered, and how would you like to fix this? __________________ For some reason this doesn't work. Working on replacement or something. Validate your Markup Validate your CSS Notepad++ Please use [HTML], [PHP], and [CODE] when posting code or markup. I do not help by Private Message or e-mail. If for some reason I have over-looked a reply to a thread that I have previously replied to, then send me a message.

11-19-2008, 01:29 PM	#3 (permalink)
dexcab Registered User Join Date: May 2008 Posts: 13 OS: Windows XP Home	Re: Flash Animation Z-index Hi! The pop-outs on the lower portion of the menu end up being covered by the flash animation. For example if you hover over "Industrial Manufacturing." Here's the opening tag of the DIV the menu is in: Code: <div id="menu" style="z-index: 500; left: 0px; width: 184px; position: absolute; top: 0px; height: 100px"> And here's the opening tag of the DIV I wrapped around the flash object. Code: <div style="z-index: -1; display: block;"> I thought by setting the animation's z-index lower than the menu's z-index, the problem would be solved, but I guess not. I'm not sure what I'm doing wrong, or if my code is missing anything. Thanks!

11-20-2008, 07:58 AM	#4 (permalink)
dexcab Registered User Join Date: May 2008 Posts: 13 OS: Windows XP Home	Re: Flash Animation Z-index Note: I've been designing the site more and "Industrial Manufacturing" no longer has a pop-out menu.