javascript - Bootstrap 列表组必须位于页面内容之上

Question

我正在使用 Twitter Bootstrap list-group 创建一个搜索框，例如 Google 搜索；

我从 Ajax 获取一个列表并将其附加到我的 list-group 中。

当我附加此列表时，所有内容都会下降。我希望此列表出现在所有内容上。

有人可以帮我做到这一点吗？

我的代码:

<div class="list-group" id="ProcListaItem">
    <label>Credenciado Solicitante</label>
    <input type="text" class="form-control" id="nomeCredenciado" placeholder="Credenciado">
</div>

JS 代码:

$.get('ajax/ajustecid/getProcedimentos.asp?NumAtend=' + xNumAtend)

.done(function (data) {
    if (data.status) {

        $.each(data.resultado, function (ResultadoItens, item) {$('#ProcListaItem').append('<li class="list-group-item" title="' + item.DesProcTab + '"><span class="badge">' + item.CodProcTab + '</span>' + item.DesProcTabLimit + '</li>')});

    }
    else {
        $('#ProcListaItem').append('<li class="list-group-item">Nothing Found</li>')
    }
})

Answer 1

我刚刚将此 CSS 添加到我的 list-group 中:

style="position: absolute; z-index: 999;"