Bootstrap工具提示无法在表内工作

时间:2014-03-18 13:27:46

标签: html css twitter-bootstrap tooltip

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

1 个答案:

答案 0 :(得分:1)

如果添加以下CSS,它应该可以正常工作

td .tooltip {
    position:absolute
}

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

如果没有这个,工具提示有position:relative,这意味着它们在表格单元格中呈现