Why CSS Hover Slow in IE8?

Question

I have a page with jstree and / or jqgrid - it really doesn't matter which one I use to show my point of view, since I suspect that this is a freezing effect in IE8 ... Back to point:

Hovering over <a> changes the background-color tag using CSS. In all browsers, including IE7 (although a bit slower - I think + -300 ms), there is no lag in background change, but in IE8 the lag can increase up to 1 second.

• I do not call any additional onmouseover,onmouseout , etc. on any of these elements.

• I turned off all animations in jQuery.

• Hiding all the elements on the page except jstree (for example) makes the hover effect a little faster, but nothing is really noticeable.

• Using IE8 debugger profiler does not show any significant overhead, only normal times in jQuery sizzle.js are noticeable

• These are all elements of the document that were uploaded and no additional calls made on the servers, no new images are uploaded, etc.

Any tips for improving this, such as performance tests , tag selection, etc. will be greatly appreciated.

Regards, Byron Cobb

PS This question , asked earlier by bobmoff, actually did not answer.

EDIT:

Further tests showed that jquery.hover () and mouseenter and mouseleave bindings are also equally slow in IE8. For example, I deleted everything on the page except my jqgrid, and the hover effect is still slow (although there is a slight increase)

Running IE8 in compatibility mode also fixes this slow pointing issue.

Answer 1

Not an exact duplicate, therefore not flagged as such, but this stackoverflow article The Mouseover / hover effect on IE8 may help you.

I also found additional help here: http://boardreader.com/thread/Javascript_CSS_IE8_problem_MouseOver_ver_bd40Xr0fw.html