如何在使用blockui時顯示工具提示？

Question

我的網站正在使用jQuery工具提示插件（http://jquery.bassistance.de/tooltip/demo/）和blockui插件。

我申請的提示是這樣的：

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

處處就像一個魅力，除了正在使用blockui所示DIV：

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

在DIV這被頂部顯示的阻止用戶界面，工具提示不會像整個網站其他部分一樣顯示在整個跨度上。

關於如何讓這個工具提示顯示在屏蔽用戶界面的任何想法？

Answer 1

克雷格感謝您的回答。這使我這個解決方案，它的工作：

在blockUI聲明添加了baseZ屬性與-1：

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

Answer 2

將工具提示的CSS更改爲具有更高的z-index而不是block-UIed div。您需要：

1. 顯示div。
2. 使用Firebug或類似的工具找出它的z-index。
3. 添加CSS以獲得更高的工具提示內容z-index。

喜歡的東西：

.tooltipClassName div 
{ 
    z-index: 1001; 
}