Suite

Openlayers affiche Control.MousePosition sur div.olMap

Openlayers affiche Control.MousePosition sur div.olMap


J'ai une carte affichée dans un div. J'ai un petit div nommé coordexterne affichant la position de la souris. J'essaie de mettre le petit div sur la carte pour ainsi dire au-dessus de la carte. Jusqu'à présent, le petit div est toujours sous la carte donc il est invisible, quoi que je fasse dans le css.

De l'aide ?

html :

css :

div.olMap { border : 2px noir uni ; box-shadow : 10px 10px 5px #888888 ; position : relative ; } #coordexterne { font-family: Verdana ; taille de la police : 10px ; text-align: right ; largeur : 250px ; hauteur : 15px ; hauteur de ligne : 10 px ; position : absolue ; box-shadow : 10px 10px 5px #888888 ; couleur d'arrière-plan : #6190FB ; Flotter à droite;

}


Essayez d'utiliser une propriété z-index comme décrit sur http://www.w3schools.com/cssref/pr_pos_z-index.asp

par exemple

#coordexterne {… z-index: 999;… }

Voir le violon http://jsfiddle.net/nzcktv9e/ , jouez avec la valeur z et cliquez à nouveau sur Exécuter pour voir l'effet


Voir la vidéo: OpenLayers Introduction for Beginners