Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy is CSS Hover Slow In IE8?
    primarykey
    data
    text
    <p>I have a page with a jstree and/or jqgrid - it really doesn't matter which one I use to show my point, as I suspect it's any hover effect in IE8... Back to point:</p> <p>When hovering over an <code>&lt;a&gt;</code> tag the <code>background-color</code> is changed with CSS. In all browsers, including IE7 (although slightly slower - I'd guess +-300ms) there is no lag in the background change, but in IE8 the lag can get up to, and over, 1 second.</p> <ol> <li><p>I do not call any extra <code>onmouseover,onmouseout</code>, etc.. on any of these elements.</p></li> <li><p>I've turned off all animations in jQuery.</p></li> <li><p>Hiding all elements on the page except for the jstree(for example) does make the hover effect slightly faster, but nothing really noticable.</p></li> <li><p>Using the IE8 Debuggers profiler does not show any significant overhead, only normal times in the jQuery sizzle.js are noticeable</p></li> <li><p>This is after all document elements have been loaded and no extra calls are made to servers, no new images are downloaded,etc..</p></li> </ol> <p>Any advice on improving this, eg: <strong>performance tests</strong>, tag selection, etc.. would be appreciated greatly.</p> <p>Regards, Byron Cobb.</p> <p>P.S. This <a href="https://stackoverflow.com/questions/1526675/mouseover-hover-effect-slow-on-ie8">question</a> asked previously by bobmoff didn't really answer anything.</p> <p><strong>EDIT:</strong></p> <p>Further tests have shown that the jquery .hover() and binding mouseenter and mouseleave are also equally as slow in IE8. For example - I have removed everything on the page except for my jqgrid and the hover effect is still slow(although a slight increase is observed)</p> <p>Running IE8 in compatibility mode also fixes this slow hover issue.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload