Html 表单元格上方的DIV（Firefox问题）

我希望在mouseover事件中div显示在表单元格上（填充单元格的整个空间，div width=100%，height=100%）

在IE8和Chrome中，它看起来像我想要的那样，但在Firefox中，div超出了表格单元格的边界

.table-cell-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

---

您使用

位置：相对在
td
元素上。Firefox忽略表格单元格上的此值，请参阅

为了避免这种行为，您可以创建
td
的一个子项作为包装器

<td>
    <div class="table-cell-wrapper">Your absolute positioned content here</div>
</td>

我在这里更新了yout JSFIDLE。你需要再次调整准确的位置，但你的覆盖现在可以工作了