jquery - 在所有 html 之上显示工具提示

Question

如何在所有 html 之上显示工具提示(来自 TW3)？

我有一个对话框(不是 模态对话框)，我试图制作一个工具提示，当鼠标悬停在文本框上时，它会显示在文本框的底部。但由于其位置是 absolute，它被对话框部分阻止。

做 tooltip { position: absolute; }(或任何其他类，如 .tooltip(注意工具提示前面的点))也不起作用。而且似乎以前没有人问过这个问题。

文档也没有说明在所有 html 之上显示工具提示。

那么我怎样才能使工具提示看起来像绝对定位的一样呢？

Answer 1

这样的事情可能是: 如下制作一个事件处理程序并将其附加到您的 html 页面的主体

function hover (event) {
 var tooltip = '<div style="position: absolute;">Hi i am a tooltip</div>';
 tooltip.style.top = event.y;
 tooltip.style.top = event.x;
 tooltip.style.display = 'block';
 document.append(tooltip);
}