jquery-ui - jquery UI selectmenu 没有进入所有其他页面元素的 "on top"(uniForm 问题)

Question

我正在使用 uniForm (http://sprawsm.com/uni-form/) 和 jQuery UI 选择菜单 (http://jsfiddle.net/fnagel/hsn95/light/)。

问题是，那个下拉菜单没有放在 uniForm 元素的“顶部”……所以看起来真的很可笑。我尝试更改 selectmenu.css 的 z-index，但没有任何运气....

任何人的想法？

我应该补充一点，我从 uniForm 中删除了它并且没有问题，但恐怕它在那里一定是有原因的......

z-index:1;

Answer 1

这是我对您在 Uni-Form 支持论坛上发布的同一问题的回答的重新发布:

I can't offer any in-depth assistance here, so I will just explain the z-index.

The reason why Uni-Form elements have a z-index property is because of another property, namely position: relative; and the z-index rule is there to ensure that the relatively positioned elements are low enough in the stack so other absolutely positioned elements could go over them, which is ironically the exact problem you are having. This is most likely due to jQuery SelectMenu not explicitely setting the z-index property to it's absolutely positioned elements (which it ideally should).

Removing the z-index property from Uni-Form is absolutely fine in this case, so would be setting an explicit z-index value (anything larger than 1) to jQuery SelectMenu's absolutely positioned element.