I’d like to add row highlighting on hover using on CSS that will work in Internet Explorer. I have tried the following:
#tableId tr:hover td { background-color:#f00; }
This seems to work in Opera, Firefox, and Safari, but not in IE.
Is there a solution or is the only solution JavaScript?
Some versions of IE (specifically, IE6, though :hover is buggy in IE7) do not support :hover, which means there’s simply no way to accomplish row highlighting without JavaScript.
Just to be technically correct – IE6 does support :hover, but only on anchor tags, so you can’t target table rows.