被其他元素覆盖的jQuery自动完成结果框

我有一个jQuery自动完成框，在其下面有相对和绝对放置的项目。当结果框打开时，结果框由它下面的元素覆盖。 z-index下拉框下面的项目都小于10.被其他元素覆盖的jQuery自动完成结果框

我找不出结果框或结果项目的名称来设置更高的z-index。

喜欢的东西

#autocomplete_results{ 
    z-index: 20 
}

我的html：

<div class="normal"><input id="college" class="inputField" type="text" name="college" placeholder="College Name" data-autocomplete-source="<%= colleges_accounts_url %>"></div>

的CoffeeScript：

jQuery -> 
    $("#college").autocomplete 
    source: $("#college").data('autocomplete-source'),

来源

2012-08-28 Tyler DeWitt

如果你正在使用你需要设置父的z-index的绝对定位元素元素，在这种情况下，如果您使用的是jQuery UI，则它是.ui-autocomplete的父级

然后您需要将您想要的元素设置为z-index：-1以确保它们出现在自动完成菜单下方

来源

2012-08-28 22:07:06 DaveB

用我的html更新。什么是.ui-autocomplete的“父母”？ –

nvm，明白了，谢谢。 '＃学院'，以防其他人卡住 –

父母是无论你把自动完成元素内（所以它的#college为你，但不为别人）......很高兴它的工作！ – DaveB

被其他元素覆盖的jQuery自动完成结果框

回答

相关问题