jquery ui菜单显示为透明或隐藏在其他元素之后。

Question

如果你可以这么友好地帮助我与CSS和jQuery用户界面的问题。我对这片水域还不熟悉，所以我会尽我所能解释我的需求。

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

Fiddle

我已经和FireBug确认过了，这个类.ui-accordion .ui-accordion-header有position: relative，我认为这是造成问题的原因，但当我关闭属性图标时，图标就会断开。我怎么才能让它工作呢？

提前感谢您，致以亲切的问候！

Answer 1

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

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

请看这里的demo。当你处理相对的、绝对的或固定的定位元素时，记住，然后你可以使用z-index来改变堆叠顺序。