список автозаполнения на вершине фиксированной навигационной панели

Question

Для того, чтобы сделать фиксированный navbar содержащий поиск <input> элемента, который запрашивает Google Location API, чтобы получить список адреса я сделал это:

<nav id="inforisq-navbar" class="navbar navbar-fixed-top"> 
    <div id="menu-inforisq" class="container"> 
     <div class="navbar-header navbar-collapse navbar-responsive-collapse collapse"> 
      <a href="/" class="navbar-brand"><img src="/portail/images/logo_inforisq_2015.png" height="40"></a> 
     </div> 

     <div id="search-container" class="col-md-6 col-md-offset-1 col-sm-5 col-sm-offset-1"> 
      <div class="row"> 
        <div class="input-group"> 
         <input name="searchbar" id="searchbar" class="form-control ui-autocomplete-input" autocomplete="on" value="" placeholder="Saisissez une adresse postale ou des coordonnées GPS."> 
         <div class="input-group-addon"><a id="validation" onclick="validSearch();"><span class="glyphicon glyphicon-search"></span></a></div> 
        </div> 
      </div> 
     </div> 

     <ul class="nav navbar-nav navbar-right hidden-xs"> 
      <li><a href="#" role="button"><span class="glyphicon glyphicon-bell" aria-hidden="true"></span></a></li> 
      <li><a href="#" role="button">MyInforisq <span class="glyphicon glyphicon-user" aria-hidden="true"></span></a> 
      <li class="dropdown"> 
       <a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#" id="drop2"> 
        <span class="glyphicon glyphicon-th-large"></span> 
       </a> 
       <ul id="dropdown-services" aria-labelledby="drop2" class="dropdown-menu"> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-fire"></span><span class="services-class">Etat des risques</span></li> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-duplicate"></span><span class="services-class">Renseignements d'urbanisme</span></li> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-home"></span><span class="services-class">Etude d'opportunité</span></li> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-duplicate"></span><span class="services-class">Valeur vénale</span></li> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-home"></span><span class="services-class">Audit de parc immobilier</span></li> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-home"></span><span class="services-class">Hypothèques</span></li> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-home"></span><span class="services-class">Plan de réseau</span></li> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-euro"></span><span class="services-class">Diagnostics immobiliers</span></li> 
        <li><span aria-hidden="true" class="glyphicon glyphicon-euro"></span><span class="services-class">Expertises immobilières</span></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</nav> 

И вот результат :

как вы можете видеть, список автозаполнения за фиксированную navbar, и я хотел бы знать, как поставить его выше в CSS.

[РЕШЕНИЕ]

Только надо добавить Z-индекс> 1030, как: .pac-container{ z-index: 1031;}

Answer 1

Я не знаю, что ваш CSS выглядит, но вы можете попробовать добавить Z-индекс на вашем авто -полный список.

.autoCompleteList{ 
z-index:300; 
}