工具提示数据显示在工具提示图标的右上方

Question

我有一个要求，我在一个页面中有多个表格，当我将鼠标悬停在一列上时，它必须在顶部位置显示工具提示，其中包含一些数据。问题是工具提示显示在页面顶部但在某个随机位置。 请建议。提前致谢。

Answer 1

尝试将 CSS 更改为：

a.tooltip:hover span {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 240px;
    color: white;
    border: 0px solid black;
    padding: 5px;
}

查看更新的 jsFiddle -> http://jsfiddle.net/Afa3f/3/