Page 1 of 1

z-index not working

Posted: Wed Aug 12, 2009 3:52 pm
by tern
my menu navigation is overlapping my flash
i'm using on the menu nav & my flash, but is not working at all.

is there a easier code to move the flash z-index?

Re: z-index not working

Posted: Wed Aug 12, 2009 4:03 pm
by Dr.CSS
Lack of info, lack of help...

Re: z-index not working

Posted: Thu Aug 13, 2009 2:11 pm
by tern
here is some sample

www.bettafightingfishonline.com - my menu nav is behind google ads.
http://www.samuraipaint.jp/index.php?pa ... 2&hl=en_US - "our products is longer is overlapping behind my flash file.

i have try z-index on the flash file & the menu nav, its not working.
is there any better way?

Re: z-index not working

Posted: Thu Aug 13, 2009 5:25 pm
by Nullig
On the betta fighting fish site, add the z-index here:

#primary-nav ul {
position: absolute;
top: auto;
display: none;
        z-index: 1;
}

Nullig

Re: z-index not working

Posted: Fri Aug 14, 2009 4:42 pm
by tern
Nullig wrote: On the betta fighting fish site, add the z-index here:

#primary-nav ul {
position: absolute;
top: auto;
display: none;
        z-index: 1;
}

Nullig

It works, thanks a lot Nullig. :D

what about this: http://www.samuraipaint.jp/index.php?pa ... 2&hl=en_US
i tried here:

w2c-bm : wireframe2colLayout
div#menu_horiz{width:100%;margin: 0px auto;padding: 0px;}

& here

w2c-bm : aRhmenu
#primary-nav ul {
position: absolute;
top: auto;
display: none;
}

but not working.



& also this website

http://training.cemdisegno.com/index.ph ... er-profile

the problem is because of flash.
i should put something like this?
flash....

???

Re: z-index not working

Posted: Fri Aug 14, 2009 5:45 pm
by Dr.CSS
A quick forum search of flash over menu found the answer that has been discussed numerous times in forum...

Re: z-index not working

Posted: Fri Aug 14, 2009 6:48 pm
by Nullig
As per Macromedia/Adobe:

"A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order ("z-index") of those layers. "

To get around this you need to have the Flash movie background made transparent, using:



within your tag.

Nullig

Re: z-index not working

Posted: Sat Aug 15, 2009 6:59 am
by tern
oh thank you Nullig, it works all for me.  :)