z-index entre les Enfants et les Parents

Je vais avoir des problèmes en travaillant sur le z-index pour qu'une demande, nous travaillons sur l', j'ai deux racine parents, une barre de navigation et une carte, et un enfant, la carte info-bulle. La barre de navigation doit être visible au-dessus de la carte, de sorte qu'il a un z-index supérieur, mais le problèmes est de faire de l'info-bulle dans la carte conteneur à être affichée sur la barre latérale ainsi, un peu difficile à expliquer, de sorte que vous pouvez visualiser le cas sur http://jsbin.com/afakak/2/edit#javascript,html,vivre :

 <div id="nav-bar">
    The nav bar
  </div>

  <div id="map-container">
      This is the map container
      <div id="tooltip">
            This is the Tooltip
      </div>
  </div>

Merci pour toute aide.

  • Si vous supprimez le z-index de la map-container, et de le modifier pour position: absolute, et ajouter position: absolute de l'info-bulle, l'ordre de la pile semble aller pour le mieux: jsbin.com/qaquxiyufa/1/edit?html,sortie Seulement je ne comprends pas pourquoi... (Et je suppose que ce n'est pas acceptable pour vous...)