IE10 - 悬停使图像本身闪烁

此问题只出现在IE中，我不知道如何解决它。IE10 - 悬停使图像本身闪烁

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');}

有什么建议？

来源

2013-07-24 Dan Levings

这是因为新图像必须加载。预加载或精灵是答案。 – adeneo

而不是可见性，也许切换显示？无/块？ – melancia

你使用的是哪个版本的Jquery？ – Liam

您依赖于pointer-events: none，即IE10中的not supported（对于HTML元素，至少）。

如果您删除pointer-events: none，您会发现所有浏览器都有同样的问题。

来源

2013-07-24 16:44:17 thirtydot

很好的结果，我想知道为什么它不会在其他浏览器中闪烁;我不认为会使用'pointer-events' – Ian

这是一个带有'pointer-events：none '在CSS中注释掉了，如果有人愿意协助OP并找到修复：http://jsfiddle.net/thirtydot/2patD/ – thirtydot

我明白了，所以我需要为IE寻找解决方法。非常感谢！:)关于如何做到这一点的任何想法？ –

IE10 - 悬停使图像本身闪烁

回答

相关问题