<分区>
假设我有一张这样的 table :
<table>
<tr>
<td class="t"></td>
<td class="e"></td>
<td class="s"></td>
<td class="t"></td>
</tr>
</table>
我有一个包含 4 个相同大小的不同图像的 spritesheet。所以我使用简单的 CSS background-position 为每个表格单元格定位背景。这是我的问题:
有没有什么办法(jQuery 或纯 CSS - 无关紧要)在鼠标悬停时仅在 Y 轴上更改所有 td background-position？
最佳答案
如果你想让悬停在表格上影响所有 <td>细胞，你可以do that too :
td {
background-image: url("http://placekitten.com/120/220");
background-position: 0 0;
width: 120px;
height: 80px;
border: 1px solid #ddd;
}
table:hover td {
background-position: 0 50%;
}
关于javascript - jQuery - 仅更改 Y 轴的 CSS 背景位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29474925/
相关文章：
javascript - 如何操作Dom只选择标签内的文本内容？
php - 我如何在 Joomla 中使 textarea 成为 TinyMCE？
javascript - jquery 在我的 asp.net 内容页中不起作用
javascript - angularjs ui-select禁用下拉列表并使其只能搜索
javascript - 单击一个按钮会触发另一个按钮的延迟单击
javascript - TypeScript 不强制对函数参数进行类型检查
javascript - 是 (":hover")仅在 setInterval 函数内工作