Question

我正在通过她的网站帮助一位朋友，并且我遇到了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>

Answer 1

代码可以让它更容易回答，但是一个疯狂的猜测，将div增加z-index到子菜单。

Answer 2

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

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

如何移动JQuery子菜单

2 个答案: