javascript - 需要帮助自定义 jQuery 水平菜单

Question

我已经下载了这个很酷的菜单用于我的第一个网站

http://cssmenumaker.com/menu/jquery-responsive-dropdown-menu当您从链接中按下载源时，可以下载代码

我需要您的帮助有两点:

要点 1:菜单位于页面中其他元素的下方，我可以在菜单代码中添加什么命令以强制菜单位于页面中任何元素的顶部？

要点 2: 我需要在菜单的右边缘添加带有下拉选项的设置按钮，其中将包含:配置文件、设置和注销我可以将它放在其他按钮旁边，但我需要将它放在菜单的最右边

<li><a href='#'><span>Settings</span></a> 
<ul>
     <li><a href='#'><span>Profile</span></a></li>
     <li><a href='#'><span>Setting</span></a></li>
     <li class='last'><a href='#'><span>Logout</span></a></li>
</ul>

Answer 1

对于第 1 点:

您需要设置 z-index比页面中其他元素更高的值，这会阻碍菜单。

.submenu {z-index: 99999;}

对于点 2:

给一个float: right;对于 <li>其中包含两个设置链接，或给一个类 last并分配 CSS:

li.last {float: right;}

<li class="last">
  <!-- The last menu -->
</li>