Как отобразить всплывающую подсказку при использовании blockui?

Question

Мой сайт использует плагин jQuery tooltip (http://jquery.bassistance.de/tooltip/demo/) и плагин blockui.

Я подаю подсказки, как это:

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

Это работает как шарм везде, кроме DIV, который показывается с помощью blockui:

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

В DIV, который получает показанный на вершине заблокированного пользовательского интерфейса, всплывающая подсказка не будет отображаться на протяжении всего диапазона, как это происходит на всей остальной части сайта.

Любые идеи о том, как получить эту всплывающую подсказку для отображения во время блокировки ui?

Answer 1

Спасибо Craig за ваш ответ. Это привело меня к этому решению, которая работала:

Добавить свойство baseZ в объявлении blockUI с -1:

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

Answer 2

Изменить CSS, чтобы иметь более высокий z-index для всплывающей подсказки, чем для div с блоком-UIed. Вам необходимо:

1. Показать div.
2. Используйте Firebug или аналогичный, чтобы выяснить его индекс z.
3. Добавьте CSS, чтобы иметь более высокий индекс z для содержимого всплывающей подсказки.

Что-то вроде:

.tooltipClassName div 
{ 
    z-index: 1001; 
}