Edit Question - KnowledgeHub

Title Body

Ok, this one is driving me crazy. I have a html table with about 100 rows. I want the rows to change color when you move the mouse above it. I tried : :hover in CSS, onmouseover/onmouseout events in javascript jquery .hover jquery .mouseover/.mouseout mouseover on the table with e.target etc All work perfectly fast in Firefox, and terribly slow in IE7/IE8. No matter what doctype I tried. But if I remove the doctype of the page entirely (quirks) then it's very fast in IE as well ! Unfortunately having no doctype is not acceptable for me, since I use other (jquery ui) components that seem to like a doctype (otherwise these get slow in IE!) Any suggestions? to test : quirks mode (fast hovering in IE) : http://www.watikwil.nl/test_quirks.html strict mode (slow hovering in IE) : http://www.watikwil.nl/test_strict.html UPDATE: I found that using a background-image for the hovering row is actually FASTER in IE than using background-color !! But this only works fast when using :hover. The jquery or javascript methods don't work fast. It's still not as fast as Firefox, but acceptable to me. *UPDATE 2: Still having problems. In IE8 it's still too slow, especially when having multiple classes on rows (as JqGrid does) * UPDATE 3: Somehow I've got it working now with IE8. Diabled some classes JqGrid uses, don't know anymore if that made the difference. I'm using :hover with a background-image. The thing is, when I force the page to use IE7 Standards mode, it's noticably faster. But when I try the same page in IE7, it's VERY slow again... really driving me insane...

Tags (comma-separated) Cancel