将元素悬停在任意HTML中的链接上

Question

我有一个任意的HTML输出到表格内的页面，我需要能够在所有链接上“分层”元素（每个链接一个）。

我目前的解决方案是在HTML中搜索链接（我在另一个源的单独数组中），然后插入一个具有不同z-index和绝对位置的div到HTML中。这种做法在某些时候有效，并且在其他时候也很奇怪。

这里有什么我想念的吗？我已经在各种论坛上看到了很好的实现，但它们略有不同，因为它们通常需要用户进行交互才能出现，我希望我的所有时间都能正常运行。

很长一点问题，是否有一种简单的方法可以做到这一点？

Answer 1

使用Javascript（特别是jQuery），是的。

那里有很多工具提示库。

• http://plugins.jquery.com/project/tooltips
• http://flowplayer.org/tools/tooltip/index.html
• http://craigsworks.com/projects/simpletip/

我会说顶级的最适合你的需求。要使其“始终开启”，您可以按如下方式设置css元素.tooltip：

.tooltip {
    display:block; // This replaces the "none" they have in the example, but the line itself isn't necessary
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff; 
}

Answer 2

如果你得到了更好的结果，我会想到两件事。 1）您是否尝试过在表格单元格内进行相对定位而不是绝对定位？ 2）渲染表后你的脚本是否被触发？如果没有，请确保在渲染整个表之后运行。