Let's consider a scenario with the following table:
<table>
<tr>
<td class="t"></td>
<td class="e"></td>
<td class="s"></td>
<td class="t"></td>
</tr>
</table>
A spritesheet includes 4 distinct images of equal size. Each table cell has a background positioned using simple CSS background-position
. Here's my query:
Is there a method (jQuery or pure CSS - either is fine) to modify ALL td background-position
s exclusively on the Y axis when hovering with the mouse?