jquery - jquery ui 菜单显示为透明或在其他元素后面。

Question

如果你能帮我解决 CSS 和 jQuery UI 问题。我是这些水域的新手，所以我会尽力解释我的需求。

我使用了 jQuery UI 手风琴和 jQuery UI 菜单。菜单位于活动的手风琴“选项卡”内。当我打开菜单时，会出现选项，但问题是手风琴标题（折叠的内容）在我的菜单选项上方。请检查这个 jsFiddle，它会更好地解释事情。

小提琴

我已经检查过 FireBug，这个类.ui-accordion .ui-accordion-header有position: relative，我认为这会造成问题，但是当我关闭属性图标时会中断。我怎样才能使这项工作？

提前谢谢你，亲切的问候！

Answer 1

简单的！！只需将您的 CSS 更改为：

 .ui-menu { 
    width: 150px; 
    z-index: 2;
}

在此处查看演示。请记住，当您处理相对、绝对或固定的定位元素时，您可以使用z-index来改变堆叠顺序。