制作上下文菜单出现在顶部

Question

OK，所以，这里是我的设置：

• 我有一个jQuery UI Layout设置（一个向西，一个南，中央面板）
• 在西方面板有一个jqTree（与jqTreeContextMenu插件，呈现出简洁的下拉菜单，右键点击）

问题：

当用户右键单击任何树项目时，上下文菜单确实会出现，虽然它看起来有点“被裁剪”，而它应该出现在所有东西的顶部，不管是什么。

我玩过z-index s，但和往常一样，因为它实际上并不是我的......东西 - 我无法让它工作。

那么，有什么想法？

---

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

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

（这里的布局，由于某些原因，会出现相当怪异，但它不应该的问题和闭幕重新开启西面板修复问题）

Answer 1

确定...

所以，大量的试验和错误后，在这里它是：

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

，那就是一切！ :-)

如之前提到

z索引仅相对于特定上下文即内工作的，固定的或绝对位置

Answer 2

。

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

Here is your FIDDLE

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

div#wrapper { 
    position: initial !important; 
}