jquery工具提示浏览器问题

Question

有人能帮我解决浏览器问题吗？我在jquery中使用以下工具提示：http://flowplayer.org/tools/tooltip/slide.html

它只适用于firefox。

在IE和chrome中，工具提示不会以所需模式打开，但会作为常规工具提示打开。在Opera中，工具提示显示为页面的背景图像。

有人面临这些问题吗？请帮帮我。这是我的代码：

<div id="demo">
<table>
<tr>
    <td>
        <img alt="" src="https://tsi.nqa-uts.com/Portals/0/details.png" title="<b>Job Desc:</b>[DESCRIPTION]</br><b>Total Hours:</b> [HOURS]" />
    </td>
    <td>
        <a onclick="javascript:ows.Fetch(480,[PAGENUMBER,SYSTEM]-1,'view=[ID]');lxModule(479,false);lxModule(480,true);">[SUMMARY]</a>
    </td>
    <td>
        [CITY]
    </td>
    <td>
        [STATE]
    </td>
    <td>
        [HOURS]
    </td>
    <td>
        [MONTHS]
    </td>
</tr>
</table>
</div>

<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
<style>
.tooltip{ 
    display:none; 
    background:transparent url(https://tsi.nqa-uts.com/Portals/0/black_arrow_big.png); 
    font-size:10px; 
    height:150px; 
    width:310px; 
    padding:25px; 
    color:#fff;
    z-index:100;  
}
</style>

<script>
$(document).ready(function() { 
    $('#demo img[title]').tooltip();
});
</script>

谢谢Sravanthi

Answer 1

添加到css"position:absolute"

Answer 2

我遇到过这个问题，但我通过将此属性添加到.ui工具提示中来解决：

.ui-tooltip {
    transition: 0s !important;
}

希望能有所帮助。