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

Question

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

http://cssmenumaker.com/menu/jquery-responsive-dropdown-menu 当您从 link

按下载源时，可以下载代码

有两点需要您的帮助：

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

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

<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:

为包含两个设置 link 的 <li> 提供 float: right;，或提供 class last 并分配 CSS:

li.last {float: right;}

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

Answer 2

因为这个nav-bar模板我没法编辑，最后放弃了，做了下面的，效果还不错，可以说是让我满意了

解决方法：

我使用了 bootstrap 导航栏
我使用 http://bootstrap-live-customizer.com/ 自定义颜色
我从站点中提取了 .css 文件并将其添加到 bootstrap 之后在 header

nav-bar 没那么吸引人，但作为一个 trade-off 的功能，我保留了它

感谢所有回答和提供帮助的人，感激不尽

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

Need assistance customizing jQuery horizontal menu

html

javascript

css

jquery

navbar