0

我在网页顶部有一些带有 css display:inline-block 属性样式的文本。我使用这个属性是因为它实现了我想要的布局目标。（实际代码比下面要复杂一些，块元素使它能够正确显示。）

但是，我现在为下拉菜单添加了一些 javascript 和 css，它应该覆盖下面的页面。它覆盖了下面的页面，除了上面显示的 inline-block 元素。

任何人都可以建议一种方法来覆盖这个元素。

这是我目前拥有的代码。

标头中的 javascript 和 css

<style type="text/css">
    #results {display: block;
        padding: 4px;
        position:absolute;
        text-align:left;
        border-top-style:none; 
        background-color:white;
        opacity:1.0;
        filter:alpha(opacity=100); 
    }
    .username {
        position:relative;
        display: inline-block;
    }
</style>

function search() {
    //retrieve input from webpage
    document.getElementById("results").innerHTML=xmlhttp.responseText; //populate results div
    //ajax to get resposetext from serve
}

html

<table>
    <tr>
        <td>
            <input type="text" onkeyup="searh(this.value)">
            <div id="results" style="position:absolute"></div>
            <div class="username">Username</div>
        </td>
    </tr>
</table>
4

1 回答 1

1

尝试将z-index下拉菜单设置为较高的值，例如9999

于 2012-11-25T15:56:07.587 回答