如何直接在一个简单的html表td上叠加一个简单的div？

Question

我有一个简单的html表，其中每个tr都有一个标签的td和一个内容的td。我正在寻找最正确/最有效的方式在＆＃34;内容td＆＃34;的顶部绘制一个div。让标签可见。计划是让第二个td＆＃34;隐藏＆＃34;如果可能，通过叠加。 （如果这有任何帮助，我在页面上包含了bootstrap 3）

提前谢谢

<tbody>
  <tr>
    <td>My Label</td>
    <td>Overlay some div on top of this element</td>
  </tr>
</tbody>

Answer 1

为什么不在内容td中插入div并使用position绝对位置。像这样：http://jsfiddle.net/8RuZe/

td.content {
    position: relative;
}
div.over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: red;
}

我已经在从IE8到IE11的所有主流浏览器上测试了这种方法。

祝你好运。