在<= IE 8中鼠标移开时,悬停不会消失

Nat*_*ace 4 html css jquery internet-explorer-8 internet-explorer-7

我遇到了一个我在其他地方找不到的有趣问题.

看看这个JSFiddle.我有一个div,当你将鼠标悬停在它上面时会发生两件事情:(1)它通过:hover伪类获得一些CSS格式,以及(2)在图像底部弹出一些关于图像的信息的叠加层(通过jQuery).

这适用于所有现代浏览器,但在IE 7或8中打开它.将鼠标悬停在框架上.如果你鼠标移到框架的顶部,没有问题 - 叠加层消失,CSS格式被删除.但是,如果鼠标在鼠标移动时直接通过叠加层,则:悬停格式保留.jQuery知道你被淘汰了因为覆盖被删除了,但是IE没有,因为CSS:悬停格式仍然存在.有什么想法吗?

Sel*_*gam 5

:hover链接<a>..</a>之外的所有元素的CSS 支持不完整/不支持IE <8.

http://www.quirksmode.org/css/contents.html#t16

IE 5/6仅支持链接.IE 7支持:在所有元素上悬停,但不支持:活动.

IE 8-10(也可能是旧版本)有一个小错误:在嵌套元素上单击鼠标不会触发:激活.通过按下其中一个代码示例上的鼠标按钮在测试页中尝试它.:活跃的风格不会开始.