2012-02-16 151 views
0

任何人可以幫助我解決瀏覽器問題嗎? 我在jQuery中使用以下工具提示: http://flowplayer.org/tools/tooltip/slide.htmljquery工具提示瀏覽器問題

它只適用於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

+0

您是否試過將'

0

我有這個問題,但我加入這個屬性來.ui-解決工具提示:

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

希望它有幫助。