Geek Answers Handbook

CSS Hover & onmouseover / out causes 15-20% CPU usage in Internet Explorer

Is there a reason Internet Explorer (IE7 in my case) becomes sluggish and consumes a lot of CPU time when using the CSS: hover command or using onmouseover / onmouseout?

I really don't do anything complicated, and my page is especially large.

When I move the mouse somewhere else on the page (where nothing changes) iexplore.exe remains at 0%, but as soon as I start moving around any element that has onmouseover / onmouseout or the CSS binding class attached to it becomes very slow and sluggish, and CPU utilization is getting high.

This page works great in Firefox, Chrome, and Safari , without any speed / slowness issues.

Tips / Ideas?

Edit: Onmouseover / onmouseout is in the <tr> tags (highlighting a line in the grid); CSS: hover is used in the <a> tags , replacing the URL of the background image.

+5
source share
2 answers

You need a non-flickering CSS poll (which does not cause continuous “hover” signals with every tiny mouse click). Hover snapshots usually don't work too well, especially in IE.

Javascript- - "hover" , , - .

CSS :hover background-image: none; background-color: transparent; , "" .

- CSS-.

z-index, "" .

+6

. - . , .

0

More articles:


All Articles