html - 如何将一个简单的 div 直接覆盖在一个简单的 html 表格 td 之上？

Question

我有一个简单的 html 表，其中每个 tr 都有一个用于标签的 td 和一个用于内容的 td。我正在寻找最正确/最有效的方法来在“内容 td”的顶部绘制一个 div，使标签可见。如果可能的话，计划是让第二个 td 被覆盖层“隐藏”。 (如果有任何帮助，我已经在页面上包含了 bootstrap 3)

提前致谢

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

Answer 1

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

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

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

祝你好运。