被其他元素覆蓋的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自動完成結果框

回答

相關問題