在所有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);
}