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-tooltip：

来解决

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

希望它有所帮助。

jquery工具提示浏览器问题

2 个答案: