div在窗體中顯示其他內容

我有一個自動填充字段，當您鍵入區域或縣時，它會自動填充數據庫中的數據。所有這些都可以很好地工作，但是當你開始在主內容div後面輸入帶有建議的框。div在窗體中顯示其他內容

如果一旦有你鍵入「默西塞德郡」到剛剛在頁面左上方的搜索按鈕，你會看到一個框現場看到這樣的例子出現，但它出現在主要內容的後面。我正在使用的代碼可以在這裏找到 http://phppot.com/demo/jquery-ajax-autocomplete-country-example/

我的CSS看起來如下...

#list-box{ position:absolute;} 
#country-list{position:relative; float:left;list-style:none;margin:0;padding:0;width:190px; color:#262626;} 
#country-list li{padding: 10px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;} 
    #country-list li:hover{background:#F0F0F0;} 
    #demo-content table.tutorial-table {table-layout:auto;}

和頁面

<div id="demo-content"> 
    <div class="frmSearch"> 
     <input class="form-control" name="search-box" id="search-box" type="text" placeholder="<?php if(isset($_COOKIE['localArea'])){ echo $_COOKIE['localArea'];}?>" /> 
     <div id="list-box"></div> 
    </div> 
</div>

來源

2016-03-03 Daniel Robinson

您的示例鏈接不起作用。 – Huelfe

哪個鏈接。我剛剛測試了他們兩人，他們似乎很好 –

好吧，我的錯。清除緩存做到了。 – Huelfe

如果＃列表框是父DIV ，那麼你只需要給它一個大的z-索引。

#list-box{ position:absolute; z-index:9999}

來源

2016-03-03 15:55:24 kking

播放CSS Z-index屬性爲它appers在您需要的順序中的每個元素。

來源

2016-03-03 15:56:30 kraiosis

div在窗體中顯示其他內容

回答

相關問題