Comment afficher une infobulle lors de l'utilisation de blockui?

Question

Mon site utilise le plugin tooltip jQuery (http://jquery.bassistance.de/tooltip/demo/) et le plugin blockui.

Je demande les info-bulles comme ceci:

$(function() { 
    $("span.helptooltip").tooltip({ 
     showURL: false, 
     showBody: " - " 
    }); 
}); 

qui fonctionne comme un charme partout sauf un DIV qui est montré à l'aide BlockUI:

$.blockUI({ 
    theme: true, 
    title: "my div", 
    message: $('#divName'), 
    css: { width: '325px'} 
}); 

Dans la DIV qui obtient montré sur de l'interface utilisateur bloquée, l'info-bulle ne s'affichera pas au-dessus de la plage comme c'est le cas sur le reste du site.

Des idées sur la façon d'obtenir cette info-bulle pour afficher dans l'interface utilisateur bloquée?

Answer 1

Merci Craig pour votre réponse. Cela me conduit à cette solution qui a fonctionné:

Ajouter la propriété baseZ dans la déclaration BlockUI avec -1:

$.blockUI({ 
    theme: true, 
    title: "my div", 
    message: $('#divName'), 
    css: { width: '325px'}, 
    baseZ: -1 
}); 

Answer 2

Modifiez le CSS pour qu'il ait un z-index plus élevé pour l'info-bulle que pour le div UIed. Vous devez:

1. Afficher la div.
2. Utilisez Firebug ou similaire pour déterminer son index z.
3. Ajoutez CSS pour avoir un index z plus élevé pour le contenu de l'info-bulle.

Quelque chose comme:

.tooltipClassName div 
{ 
    z-index: 1001; 
}