小编mpl*_*ace的帖子

在我的.Net Web应用程序中,我有一些带有"skmTooltipHost"类的元素,它们被动态放置在页面上.

当鼠标悬停在它们上方时,应显示工具提示类型的弹出窗口.这在IE中完美运行,但在Firefox中根本没有.

请帮忙!

执行"On Hover and Show"的javascript

$(document).ready(function () {
  $(".skmTooltipHost").hover(function () {
      $(this).empty().append('<div class="skmTooltipContainer"><strong>hello</strong>' + $(this).attr('tooltip') + '</div>');
      $(this).find('.skmTooltipContainer').css("left", $(this).position().left + 20);
      $(this).find('.skmTooltipContainer').css("top", $(this).position().top + $(this).height());
      $(".skmTooltipContainer").css("display", "inline-block");
      $(".skmTooltipContainer").show();
      $(this).show();
   },function () {    
     $(".skmTooltipContainer").fadeTo(500, 1.0, function () { $(this).remove(); });
   });
});

我的CSS

.skmTooltipHost
{
cursor: help;
border-bottom: dotted 1px brown;

}

.skmTooltipContainer
{
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
 display:inline-block;
position: absolute!important;
background-color: #ff9;
border: solid 1px #333;
z-index: 999;
}

编辑

我终于使用了一组不同但相似的代码,它们确实有效.我不确定区别是什么.我的工作代码如下:

 function simple_tooltip(target_items, …