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
Post a Comment