代码:http://jsfiddle.net/Gwx6E/
当鼠标移到div上,当div边界到达光标时,应用类.a
的正常样式。使其在光标下移动,从而触发悬停。这就进入了无限循环。是否有办法解决这个问题,单独使用css3
不,这是期望的行为(然而在某些浏览器中存在差异:不是每个浏览器都在没有光标移动的情况下更新悬停状态)。
你可以尝试改变你的代码的方式:添加一个包装器并触发悬停在它上面,所以只有子块会移动,但悬停仍然在父块上。
下面是一个例子:http://jsfiddle.net/kizu/Gwx6E/1/
另一种方法是使用伪元素,将定位在屏幕上,这样悬停将始终在元素上,当它将动画,这里有一个例子:http://jsfiddle.net/kizu/Gwx6E/2/-然而缺点是,你不能取消悬停,直到没有任何块与更大的z-index
将定位在你想要取消悬停块的地方。