IE mousemove错误 [英] IE mousemove bug

问题描述

我有一个使用mousemove jquery函数的工具提示脚本. IE一切正常. 在这里看看: http://omarabid.com/deploy/ 矩形是"li"元素.将鼠标移到上方时，将显示一个标签.在IE中，该标签确实会出现，但是仅当您将鼠标移到空白区域(在右侧)上时才会出现.当您在图像上移动时，什么也没有发生，这使我发疯.

I have a tooltip script which uses the mousemove jquery function. Everything works fine expect for IE. Take a look here: http://omarabid.com/deploy/ The rectangles are "li" elements. When you move the mouse over, a tag appear. In IE, the tag does appear, but only if you move the mouse over a empty region (in the right). When you move the move over the image, nothing happens which is turning me crazy.

好像是当指针进入图像区域时，该标签会随着fadeout()消失，就像鼠标退出该区域时一样(不正确！)

Seems like when the pointer enter the image zone, the tag disappears with fadeout() which is like if the mouse quit the region (which is not true!!)

那么问题出在哪里呢?这是IE错误吗?

So where is the problem? Is this an IE bug?

推荐答案

实际的问题出在标签类上的background-color:transparent上(设置背景色，您将看到它起作用).

The actual problem lies with the background-color:transparent on the tag class (set a background-color instead and you will see that it works).

使用1x1像素的透明背景图像代替，您应该没事..

use a 1x1 pixel transparent background image instead and you should be fine ..

说明

删除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 )

this transparent.gif should have dimensions 1px x 1px and be transparent. ( here is a download link for one : http://www.imgag.com/product/full/ap/3021018/transparent.gif )

这篇关于IE mousemove错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！