CODEWITHSUNDEEP
javascriptjquerycssinternet-explorerhover
Dan Levings
Dan Levings

Reputation: 1

IE10 - Hover makes image itself flicker

This problem only appears in IE, and I'm not sure how to fix it.

www.british-nannies.uphero.com

Whenever one of the counties is hovered over, the image flickers. This only happens in IE, and I can't figure out why.

I used jQuery for the tags:

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

and CSS for the color change:

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

Any suggestions?

Upvotes: 0

Views: 363

Answers (1)

thirtydot
thirtydot

Reputation: 228192

You rely on pointer-events: none, which is not supported in IE10 (for HTML elements, at least).

If you remove pointer-events: none, you'll find that all browsers have the same problem.

Upvotes: 3

Related Questions