Hi Guys,

I have one problem with z-index,

I'm having trouble menu with one submenu

Below of submenu i have one slide

and when I move the mouse up in the submenu, the submenu is below of the slide,

and is impossible the use.

i'm use z-index:1; on the slide and z-index:2; on the submenu, improved but dont work well because doesnt work of first, and i need wait the first slide for start work.

Every time when change photo slide is done occurs overlap de menu by slide and hide the menu!

i have the example

http://kaayapezzuti.zz.mu/textes/_pessaude/

the menu who have the problem is "TRATAMENTOS", this in portuguese

THANK YOU SO MUCH

i dont know if you will understand my inglish, because is not very good

It seems OK here, the drop down opens above the slider fine. Unless I'm not understanding the issue correctly.

the drop down works well, the problem is when you put the mouse inside the links of the submenu before change the first image.

after change the first image the links work, but every time that change the image the submenu is hidden

i put the same example more simpler and i changed the image PNG for JPG

http://kaayapezzuti.zz.mu/textes/_pessaude/index2.php

its starting with z-index 10 I haven't looked at the script I'd guess that should be for some slideshow navigation

Yes see it now.

 

Change the z-index from 2 to 20 in nav ul li ul in styles.css line 80

 

 

nav ul li ul {

    background: none repeat scroll 0 0 #000000;
    border-bottom: medium none;
    border-left: 1px solid #FFFFFF;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #FFFFFF;
    display: none;
    margin-top: 1px;
    max-width: 150px;
    position: absolute;
    z-index: 20;
}
 

 

Edited January 3, 201412 yr by nfc212

Christ, that imagery is horrible.

 

Yes see it now.

 

Change the z-index from 2 to 20 in nav ul li ul in styles.css line 80

 

 

nav ul li ul {

    background: none repeat scroll 0 0 #000000;
    border-bottom: medium none;
    border-left: 1px solid #FFFFFF;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #FFFFFF;
    display: none;
    margin-top: 1px;
    max-width: 150px;
    position: absolute;
    z-index: 20;
}
 

 

now its work, i have made this Z-INDEX:20; and worked!!

 

Thank you so much!

warning on the images would have been nice