Whenever I hover over a specific table row in my table, I want the background to transition to a linear gradient. The CSS code is pretty simple:
tbody.row-links tr:hover {
background: ...standard multi-browser linear gradient code...
color: #333C3E;
cursor: pointer;
}
This works perfectly in Firefox, Chrome, and Safari, but unfortunately, it doesn't work on any version of Internet Explorer. The color and cursor changes are applied, so I know the CSS is working, but the gradient isn't appearing. I even tried adding the filter property directly to the <tr> tag, but no luck. Does Internet Explorer simply ignore the filter property on table rows?
The only solution I could think of is to apply the gradient to the <td> elements of the row when hovered, but this causes a noticeable flickering effect when moving the mouse over the row.
For now, I'll just stick to giving Internet Explorer a solid color background when hovered. Has anyone else experienced this issue and found a solution?