jquery - 使用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'}
});

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

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

score 0 · Accepted Answer

将 CSS 更改为工具提示的z-index比块 UIed div 的 z-index 更高。你需要：

就像是：

.tooltipClassName div
{
    z-index: 1001;
}

score 0 · Accepted Answer

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

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

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

2 回答 2