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

我遇到了这个问题，但是我通过将此属性添加到.ui-tooltip来解决：

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

希望能帮助到你。

Answer 2

添加到CSS“位置：绝对”