IE10 - Hover使图像本身闪烁

Question

此问题仅出现在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');}

有什么建议吗？

Answer 1

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

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