使用blockui时如何显示工具提示？答案

【问题标题】：How to display a tooltip while using blockui?使用blockui时如何显示工具提示？
【发布时间】：2010-12-31 06:06:42
【问题描述】：

我的网站正在使用 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'}
});

在被阻止的 UI 顶部显示的 DIV 中，工具提示不会像在网站的其余部分一样显示在跨度上。

关于如何在被阻止的用户界面中显示此工具提示的任何想法？

【问题讨论】：

【解决方案1】：

更改 CSS 以使工具提示的 z-index 比块 UI 的 div 更高。您需要：

类似：

.tooltipClassName div
{
    z-index: 1001;
}

【讨论】：

【解决方案2】：

感谢克雷格的回答。它引导我找到了这个有效的解决方案：

在blockUI声明中用-1添加baseZ属性：

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

【讨论】：