使上下文菜单显示在顶部

Question

好的，所以，这是我的设置：

• 我有一个jQuery UI Layout设置（一个西，一个南，一个中心面板）
• 在西部面板中，有一个jqTree（带有jqTreeContextMenu插件，右键单击显示一个简单的下拉菜单）

问题：

当用户右键单击任何树项目时，上下文菜单会出现，虽然它看起来有点＆＃34;剪切＆＃34;，但它应该出现在所有内容的顶部，无论如何。

我和z-index玩了一下但是 - 像往常一样，因为它实际上不是我的......所以我无法让它发挥作用。

那么，有什么想法吗？

---

现场演示： http://testbox.drkameleon.com/peppermint/uilayout.html

JS小提琴： http://jsfiddle.net/2ke92qcg/

（由于某些原因，这里的布局显得相当奇怪，但它不重要。关闭并重新打开西面板可以解决问题）

Answer 1

好的......

所以，经过大量的反复试验后，这里是：

.ui-layout-west{
    z-index: 5000 !important;
    overflow: visible !important;
}

这就是全部！ ： - ）

Answer 2

如前所述

z-index仅适用于特定的上下文，即相对位置，固定位置或绝对位置。

相对div的z-index与绝对或固定div的z-index无关。

Here is your FIDDLE

ul#filetreeMenu {
    z-index: 999 !important;
    position: fixed;
}

div#wrapper {
    position: initial !important;
}