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);
}