IE10 - 悬停使图像本身闪烁答案

【问题标题】：IE10 - Hover makes image itself flickerIE10 - 悬停使图像本身闪烁
【发布时间】：2013-07-24 06:23:36
【问题描述】：

这个问题只出现在IE中，不知道怎么解决。

www.british-nannies.uphero.com

只要将鼠标悬停在某个县上，图像就会闪烁。这只发生在 IE 中，我不知道为什么。

我使用 jQuery 作为标签：

$('#surrey').hover(function(){
                $('#surreyTag').css({'visibility':'visible'});   
            },function(){
                $('#surreyTag').css({'visibility':'hidden'});      
                });

和颜色变化的CSS：

 #hampshire{
            background:url("Imgs/hampshire.png");
            width:209px;
            height:192px;
            margin-top:-163px;
            margin-left:79px;
        }
       /*-----COUNTY HOVER INTERACTIVITY----*/ 
        #hampshire:hover{background:url('Imgs/hampshireSelected.png');}

有什么建议吗？

【问题讨论】：

发生这种情况是因为必须加载新图像。预加载或精灵就是答案。
不是可见性，也许是切换显示？没有/阻止？
你使用的是什么版本的 Jquery？
Adeneo - 我添加了一个预加载器，jsfiddle.net/bVEHx，它仍然会发生。
Liam - 我正在使用最新版本的 jQuery

标签： javascript jquery css internet-explorer hover

【解决方案1】：

您依赖pointer-events: none，它在 IE10 中是 not supported（至少对于 HTML 元素而言）。

如果你去掉pointer-events: none，你会发现所有浏览器都有同样的问题。

【讨论】：

很好，我想知道为什么它不会在其他浏览器中闪烁；没想到pointer-events会被使用
这是一个在 CSS 中注释掉 pointer-events: none 的演示，如果有人想协助 OP 并找到修复：jsfiddle.net/thirtydot/2patD
我明白了，所以我需要寻找 IE 的解决方法。非常感谢！ :) 关于如何做到这一点的任何想法？
我认为我能想到的唯一“修复”是延迟mouseleave（查看用户是否将鼠标悬停在其关联的“工具提示”上），或者使用@987654328 @