javascript - 绝对定位时 IE 中的工具提示闪烁

Question

我的工具提示就像一个使用 CSS 弹出的下拉菜单。 JavaScript 将一个类分配给父级，以在 MouseOver 和 MouseOut 事件上显示一个绝对定位的子级，并显示 block /无。

测试用例:http://jsfiddle.net/6g4ds/6/

问题是，当我在不同的内部元素(如 IMG、P、A)上的工具提示内移动鼠标时，它在 IE (8) 中闪烁。这在上面的测试用例中没有发生，使用几乎相同的代码，但确实发生了在我的页面上。

我尝试应用背景颜色和 z-index，但没有成功。无论如何都会发生闪烁。

建议我可以触发哪些可能的 CSS 属性来尝试它以获得可能的修复。我失去了想法。那里有许多工具提示可能解决了这个问题。谢谢

Answer 1

使用 MouseEnter 和 MouseLeave 解决了我的问题。