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 では、ツールチップは、サイトの他の部分とは異なり、スパン全体に表示されません。

ブロックされた UI でこのツールチップを表示する方法についてのアイデアはありますか?

score 0 · Accepted Answer

答えてくれてありがとうクレイグ。それは私をこの解決策に導きました：

-1 を使用して、blockUI 宣言に baseZ プロパティを追加します。

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

score 0 · Accepted Answer

ブロック UI の div よりもツールチップのz-indexが高くなるように CSS を変更します。必要がある：

何かのようなもの：

.tooltipClassName div
{
    z-index: 1001;
}

2 に答える 2