我有一个导航栏,我试图在其中添加一个地点搜索框。除了谷歌位置提示框的一小部分被导航栏重叠(如下图所示)之外,一切几乎都有效。
我尝试过改变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>
更改自动完成 z 索引或移动pac容器 https://developers.google.com/maps/documentation/javascript/places-autocomplete down.
Bootstrap 导航栏 z-index 为 1000,navbar-fixed-top 为 1030。
自动完成 z-index 也是 1000,因此您必须增加它。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)