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在窗体中显示其他内容

回答

相关问题