2015-10-04 106 views
0

我有一个导航栏,我试图添加地方搜索框。除了谷歌地方提示框的一小部分被导航栏重叠(如下图所示)之外,所有东西几乎都可以工作。Bootstrap Navbar重叠Google地方自动完成下拉列表

enter image description here

我曾尝试输入框的z-index更改为10或2000或90000,但它似乎并没有产生效果。

还有什么需要做的,我失踪了?

下面是HTML:

<form class="navbar-form" role="search"> 
    <div class="col-sm-2"> 
    <div class="form-group has-feedback no-margin"> 
     <input aria-label="Place" type="text" class="form-control text-center" id="searchPlace" placeholder="Place" style="z-index:90000"> 
     <i class="map-pin-icon form-control-feedback"></i> 
    </div>  
    </div> 
</form> 

回答

2

更改自动完成的z-index或移动pac-container下来。

引导的导航栏的z-index是1000,导航栏固定顶是1030

自动填充的z-index也是1000,所以你必须增加它。

+1

改变pac-container z-index做到了。谢谢 –

0

自动完成元素的样式让谷歌类pac-container用z-index比导航栏更大。

.pac-container{ 
z-index: 8000; 
}