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


有什么建议么?

最佳答案

您依赖pointer-events: none,即IE10中的not supported(至少对于HTML元素而言)。

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

关于javascript - IE10-悬停使图像本身闪烁,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17839727/

10-11 08:14