1

CSS:

ul#menu-ediloc li  
{  
float:left; 
padding-left:5px; 
position:relative; 
}

ul#menu-ediloc ul  
{
z-index:500; 
position:absolute; 
}

我有一个像这样的下拉菜单,但是当它下降时,子菜单被隐藏在它与下一个接触的地方div是幻灯片,它在相对父级之外。

我试图把它放在position:relative;身体上,但虽然它解决了能见度问题,但它却弄乱了我的菜单。

有任何想法吗?

<div id="header">
   <ul id="menu-ediloc">
      <li>
          <ul id="sub-menu">
               <li>
               </li>
          </ul>
      </li>
   </ul>
</div>
<div id="slider">
</div>

我试图将滑块放在标题中并放在relative标题上,但它与正文相同,它弄乱了我的子菜单。relative如果我把放在ul li标签上,我的子菜单工作的唯一方法。

4

1 回答 1

0

添加以下CSS

#header{
 position: relative;
 z-index: 999;
}
于 2013-07-24T13:09:21.253 回答