css - 工具提示定位

Question

我试图将此工具提示中心定位在表格列下，但即使我设置绝对位置它也不起作用，我不想将其设置为固定位置，因为此工具提示正用于网站上的许多其他链接和相同page., 它随着我在表测试中移动鼠标而移动。

谁能帮我解决这个问题？

提前致谢。

CSS 代码。

#dhtmltooltip{
position: absolute;
min-width:50px;
color:#ffffff;
padding: 6px;
background-color: #2588B3;
visibility: hidden;
z-index: 100;
-webkit-border-radius: 10px; 
-moz-border-radius: 10px;
border-radius: 10px;

请参阅下面的屏幕截图。

Answer 1

我在网上找到了一个更好的 tooltop。

.tooltip:hover {text-decoration:none;} 
.tooltip span {
z-index:10;
display:none; 
padding:6px 8px;
margin-top:25px;
width:120px; 
-webkit-border-radius: 8px; 
-moz-border-radius: 8px;
border-radius: 8px;
}

.tooltip:hover span{
display:inline; 
position:absolute;  
color:#EEE;
background:#2588b3;
}

.callout {
z-index:20;
position:absolute;
top:-12px;
left:60px;
}

再次感谢各位。 :)