jquery - 将图像悬停在 td 中的文本上

Question

我正在使用 jQuery 在鼠标悬停时动态地向表格单元格添加一个图标。如何使此图像显示在单元格的右侧，并在必要时与 td 内容重叠？

我在谷歌上搜索了一个小时，但一无所获。

我不需要 jQuery 方面的帮助，主要是样式方面的帮助。

Answer 1

制作<img/>在拥有 <td/> 的同时绝对定位位置设置为相对。

td{
    position:relative;
}
td img{
    position:absolute;
    top:0;
    right:0;
}

Example on jsfiddle

编辑

这在 firefox 中不起作用 <td/>不能有相对位置。包装 <td/> 的内容在<div/>它应该按预期工作。

<td>
    <div>
        Some text
        <img src="http://placekitten.com/50/50"/>
    </div>
</td>


td div{
    position:relative;
}
td img{
    position:absolute;
    top:0;
    right:0;
}

Example