IE mousemove bug

我有一个工具提示脚本,它使用mousemove jquery函数。 IE的一切都运行良好。 看看这里: http : //omarabid.com/deploy/矩形是“li”元素。 将鼠标移到上方时,会出现一个标记。 在IE中,标签确实出现,但仅当您将鼠标移动到空白区域(右侧)时。 当您移动图像时,没有任何事情让我发疯。

似乎当指针进入图像区域时,标签会随着fadeout()消失,就像鼠标退出该区域一样(这不是真的!)

那问题出在哪里? 这是IE漏洞吗?

实际问题在于background-color:transparent标签类上的background-color:transparent设置背景颜色而你会发现它有效)。

使用1×1像素透明背景图像而你应该没问题..


说明

删除background-color: transparent并在其位置放置一个background: url(/somepath/transparent.gif) top left repeat;

这个transparent.gif应该有1px x 1px的尺寸并且是透明的。 ( 这是一个下载链接: http : //www.imgag.com/product/full/ap/3021018/transparent.gif

加载DOM后,您将在页面中显示以下内容:

 
  • 好像对我不好……

    尝试阻止默认行为:

     li.mouseenter(function(kmouse) { kmouse.preventDefault(); my_tooltip.css({ opacity : 0.8, display : "none" }).fadeIn(400); }).mousemove(function(kmouse){ kmouse.preventDefault(); my_tooltip.css({ left : kmouse.pageX + 15, top : kmouse.pageY + 15 }); }).mouseleave(function(kmouse) { kmouse.preventDefault(); my_tooltip.fadeOut(400); }); 

    在imgtag / core.js中

    我遇到了类似的问题。 尝试使用mouseentermouseleave而不是mouseover和mouseout。