html - z-index not working on drop down menu -


i have drop down menu has following html structure:

<ul class="menu">    <li><a href="">menu item 1</a>       <ul class="sub-menu">          <li><a href="">sub menu item 1</a></li>       </ul>    </li> </ul>  

and have following css rules:

.menu {float:left} .menu > li {position:relative; float:left} .menu > li > {display:block} .sub-menu {display:none; z-index:100; position:absolute; top:40px; width:180px;} 

i'm using javascript show drop down menu.

the issue have sub-menus appearing below slideshow have close navigation. no matter how high or how low set z-index of .sub-menu, nothing changes.

does know possibly trigger z-index not work @ all?

thanks.

edit: issue browsers. testing in firefox, chrome , internet explorer

i think have found issue. using opacity on div containing menu. reason caused z-index not work on sub-menu. not sure why is. works fine i've removed opacity rule.


Comments

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -