I re-developed a page of ours, and I noticed it was using hovers against <td>
elements, despite the click event being for the <a>
tag. So I changed it to hover against the <a>
tag. When mousing over each element quite fast it takes quite a while to catch up. I don't suppose anyone knows why hovering an <a>
tag in a large set of data would be slower than hovering the <td>
?
Cheers
EDIT This is for changing the background colour. The td
element has the padding removed, the a
tag has padding:2px 4px
or something along those lines, then a:hover { background-color:#ccc; }
is set. This performs much slower than td:hover { background-color:#ccc; }