jquery 工具提示在模态窗口后面呈现

Question

我已经申请了 JQuery Tooltip我网站的所有标题元素。我遇到的问题是在模态弹出页面中，工具提示呈现在模态对话框后面。我想我需要更改工具提示或对话框的 z 顺序。但这让我感到惊讶，因为我同时使用了 JqueryUI 的两个功能。

这是我在 document.ready() 上调用的所有内容

$(document).tooltip();

这里是一个截图来说明正在发生的事情。

Answer 1

如果我没记错的话，两者都在 body 标签内创建了一个新元素。所以这应该是一个简单的 z-index 问题。只需找到类(检查元素，查看它们有哪些类，找到它们......你知道......通常的东西)并更改 z-index 以便工具提示具有更大的。

作为替代方案，您可以在调用工具提示(或模态窗口，无关紧要)时从脚本中设置 z-index，但我建议不要这样做。 CSS 解决方案更干净、更快速。