javascript - IE10 - 悬停使图像本身闪烁

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

您依赖IE10pointer-events: none不支持（至少对于 HTML 元素）。

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