javascript - JQuery 自动完成出现在 JQuery 菜单后面

Question

我有一个 JQuery 自动完成搜索框，当在下拉窗口中显示搜索结果时，它会出现在其正下方的 JQuery 下拉菜单后面(见图)。我已经尝试增加我在 CSS 中找到的所有内容的 z-index 值以进行自动完成搜索，但它仍然没有解决问题。我还应该尝试什么？

fiddle 链接:http://jsfiddle.net/tonyyeb/LKDBh/18/

Answer 1

感谢大家的贡献。从那以后，我找到了论坛用户给我的解决方案:

The autocomplete wrapper is being given a z-index of 1 by the jQuery library (hard-coded), >whereas the menu (via CSS) has a z-index of 100; easiest solution is to use -

.ui-自动完成{
z-index: 100 !important;
}