Z-index et API google

bonjour à tous, une question de plus sur les z-index!

Je cherche à créer un bord autour d'une carte google Api. Pour cela je voulais utiliser les z-index. Dans un premier temps, j'installe mon cadre en z-index:4; (cadre transparent au milieu). Et ensuite j'installe en z-index:1; mon api google situé dans une div bien sur.

Et bien magique ça marche!
Non je rigole, ça ne fontionne pas.

La question est: Est il possible de surplomber un api à l'aide d'un z-index? Si oui, comment?

D'avance merci

Salut,

Quelques points en vrac :
- z-index ne marche pas sur les éléments en position:static (positionnement par défaut). Vu que tu n'en parles pas, je te le signale à tout hasard.
- une page en ligne nous aiderait à t'aider
- je crois qu'il y a méprise sur le terme d'API. L'API, c'est pas la carte visible sur ta page web, mais plutôt l'ensemble des fonctions qui te permettent d'interagir avec elle.

a écrit :
Je suis en Float... Ca peut donc fonctionner théoriquement.

Aucune chance

Je pense que tu pourrais t'en sortir en remplaçant dans ton code HTML :

<div id="cadre"></div>
<div id="map"></div>

par :

<div id="cadre">
    <div id="map"></div>
</div>

Si ta div#map se trouve dans ta div#cadre, elle sera automatiquement par dessus, et ton cadre sera visible autour. Il ne te restera plus qu'à caler tout ça en CSS.

Note en passant: on peut tout à fait combiner float et position. Et ainsi écrire, par exemple:

#blabla {
  position: relative;
  z-index: 50;
  float: left;
  /* Etc. */
}