0

我正在帮助一位朋友使用她的网站,但遇到了 JQuery 附带的菜单问题。实际上它是子菜单。它出现在重叠的 div 后面。我曾尝试在 css 中使用位置,但无济于事。这是正在发生的事情的演示。www.hvactechhelp.com/Ashley

任何帮助,将不胜感激。

只是为了澄清。我需要子菜单出现在页面上的按钮上方。Z-Index 会将子菜单置于顶部。

这是 HTML css 是标准的 jquery-ui.css

<div class="content">
  <div class="l_content"> 

    <ul id="menu">

      <li><img src="images/nav-r1.gif" width="201" height="32" /></li>
      <li><img src="images/nav2.gif" width="200" height="32" /></li>
      <li><img src="images/nav3.gif" width="200" height="32" />

        <ul>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r1.png" width="200" height="40"    /></a></li>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r2.png" width="200" height="40" /></a></li>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r3.png" width="200" height="40" /></a></li>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r4.png" width="200" height="40" /></a></li>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r5.png" width="200" height="40" /></a></li>
        </ul>
     </li>
     <li><img src="images/nav4.gif" width="200" height="32" /></li>
     <li><img src="images/nav5.gif" width="200" height="40" /></li>

    </ul>

  </div>


  <div class="r_content"></div>


</div>
4

2 回答 2

0

代码会更容易回答,但一个疯狂的猜测,添加一个z-index更高的 div 到子菜单。

于 2013-07-15T14:15:01.617 回答
0

您的子菜单无序列表标签具有带有属性的内联样式top:10px。将此更改为top:-30px.

这应该将子菜单移到页脚上方。

于 2013-07-15T14:23:41.497 回答