javascript/css cover嵌入塊

我有一些文字樣式的CSS顯示：inline-block屬性在網頁的頂部。我使用這個屬性是因爲它實現了我想要的佈局目標。（實際代碼比下面更復雜一點，塊元素使它能夠正確顯示。）javascript/css cover嵌入塊

但是，現在我已經爲下拉菜單添加了一些javascript和css，它應該覆蓋下面的頁面。它覆蓋了下面的頁面，除了上面顯示的內嵌塊元素外。

任何人都可以提出一種覆蓋這個元素的方法。

這是我目前的代碼。

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>

來源

2012-11-25 user1260310

嘗試使用下拉到一個高值設定z-index，像9999

來源

2012-11-25 15:56:07 fredrik

javascript/css cover嵌入塊

回答

相關問題