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

时间:2012-04-17 19:05:06

标签: javascript css internet-explorer tooltip css-position

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

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

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

我试图运用背景颜色和z-index'es而没有运气。无论如何都会发生闪烁。

建议我可以触发哪些可能的CSS属性来解决它可能的修复。我没有想法。有很多工具提示可能解决了这个问题。感谢

1 个答案:

答案 0 :(得分:0)

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