引导工具提示在表内不工作

Question

DEMO LINK

我试图在表格中包含一个工具提示，但当鼠标悬停时，它会拉伸表格和工具提示文本在网站上也不能正确显示。

我该如何解决这个问题?

CSS:

.infotext {
    background: url(http://s17.postimg.org/k71a0r6m3/info_Icon.png) 0 0px no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: text-bottom;
}

Answer 1

如果你添加以下CSS，它应该工作

td .tooltip {
    position:absolute
}

http://jsfiddle.net/z33j5/2/

没有这个，工具提示有一个position:relative，这意味着它们被呈现在表格单元格