0

その下に比較的確実に配置されたアイテムを含むjQueryオートコンプリートボックスがあります。結果ボックスが開くと、結果ボックスはその下の要素で覆われています。ドロップダウンボックスの下のアイテムのz-indexは10未満です。

より高い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>

コーヒースクリプト：

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

1 に答える 1

0

絶対位置の要素を使用している場合は、親要素のz-indexを設定する必要があります。この場合、jQuery UIを使用している場合は、.ui-autocompleteの親になります。

次に、下に必要な要素をz-index：-1に設定して、オートコンプリートメニューの下に表示されるようにする必要があります。

于 2012-08-28T22:07:06.803 に答える