z-index not working

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
tern
Forum Members
Forum Members
Posts: 65
Joined: Tue Oct 16, 2007 1:00 pm

z-index not working

Post 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?
thank you cms made simple. cms made possible:
www.redstarz.net
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: z-index not working

Post by Dr.CSS »

Lack of info, lack of help...
User avatar
tern
Forum Members
Forum Members
Posts: 65
Joined: Tue Oct 16, 2007 1:00 pm

Re: z-index not working

Post 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?
thank you cms made simple. cms made possible:
www.redstarz.net
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: z-index not working

Post 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
User avatar
tern
Forum Members
Forum Members
Posts: 65
Joined: Tue Oct 16, 2007 1:00 pm

Re: z-index not working

Post 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....

???
thank you cms made simple. cms made possible:
www.redstarz.net
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: z-index not working

Post by Dr.CSS »

A quick forum search of flash over menu found the answer that has been discussed numerous times in forum...
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: z-index not working

Post 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
User avatar
tern
Forum Members
Forum Members
Posts: 65
Joined: Tue Oct 16, 2007 1:00 pm

Re: z-index not working

Post by tern »

oh thank you Nullig, it works all for me.  :)
thank you cms made simple. cms made possible:
www.redstarz.net
Post Reply

Return to “Layout and Design (CSS & HTML)”