Info bulle au premier plan

J'ai des sources de dnd dans lesquels j'insère des éléments comme suit:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var vehic = dojo.create('div',{'class':couleur,'class':'premierPlan'}); //on crée l'info-bulle var a = dojo.create('a',{innerHTML:numParc,'href':"#",'class':'info'},vehic); a.style.height='21'; a.style.width ='31'; a.style.background='url("Pages/images/couleur' + idContrat + '.bmp")'; var span = dojo.create('span',{'id':'span-'+idVehicule},a); //affichage de l'info-bulle vehic.onmouseover = function(){afficheDonnees(this);}; //on insert au bon endroit window["colonne"+age].insertNodes(true, [vehic]);

---

Le span a un visibility=hidden, et lors d'un onmouseover, grâce au css, j'affiche le span(l'info bulle).
Le problème est que mes sources contiennent des dizaines d'éléments, si bien qu'au final la plupart des span se retrouvent sous des images et au passage de la souris on ne voit plus grand-chose.
J'ai rajouté les propriétés css suivantes au span:

Code:

---

1 2 3

position: relative; z-index: 2;

---

Mais ça ne marche pas.
ESt-ce à cause de l'insertion dans les sources de dnd?

J'ai aussi essayé en rajoutant la propriété css aux div plutôt qu'aux span, et avec des valeurs plus grandes de z-index, mais c'est toujours l'échec

As-tu essayé avec des dijit.Tooltip ?

Oui j'ai essayé (il y a quelques semaines déjà) et ça marchait sur des éléments html figés mais pas sur mes éléments drag'n'dropables.
Je vais sans doute être obligé de réessayer si je ne trouve pas une solution css :cry:

Si tu les crees dynamiquement sur ton element drag n dropable ? maintenant que tu as l'id tu dois pouvoir le faire :)
Exemple :

Code:

---

1 2 3 4 5 6 7

new dijit.Tooltip({ connectId: ["monId"], label: "texte que l'on veut afficher", showDelay: '100', position: 'above' });

---