我正在使用bootstrap。我在输入框中添加了Google自动填充功能。但自动完成功能显示在导航栏下方。
css文件在这里http://getbootstrap.com/2.3.2/assets/css/bootstrap.css
<form class="navbar-form pull-right">
<div class="input-prepend input-append">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Place Search
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Places</a></li>
<li><a href="#">Something 1</a></li>
<li><a href="#">Something 2</a></li>
</ul>
</div>
<input class="input-xlarge" id="searchBox" type="text">
<div class="btn-group">
<button type="submit" class="btn dropdown-toggle">S</button>
</div>
</div>
</form>
答案 0 :(得分:0)
<ul class="dropdown-menu" style="position:relative;z-index:99">
<li><a href="#">Places</a></li>
<li><a href="#">Something 1</a></li>
<li><a href="#">Something 2</a></li>
</ul>
使用position:relative;z-index:99