Question

我正在使用jqueryui的菜单功能，子菜单与页面上的其他元素重叠。问题是当我选择调出子菜单的菜单项时，子菜单显示在其他元素下面。

我不确定如何配置菜单，或者我是否必须覆盖一些jqueryui css元素，以便按预期显示（在其他页面元素之上）。

上的工具菜单可以看到问题

很抱歉，代码比显示最小问题所需的代码更复杂，但是在javascript文件中只能看到几行菜单调用。

认为这是一个堆叠问题我尝试使用.ontop类将导航元素z-index设置为高数字，但这没有用。

Answer 1

在选择器z-index:9999;

下添加第.ui-menu行

CSS代码将是

/* put navigation to the left (jquery ui) */
.ui-menu {
    width: 10%;
    float: left;
    z-index:9999;
}