将div定位在表行上

Question

如何在表格内的表格行上放置div？这个div将是它所覆盖的行的大小，以便它完全覆盖它。任何帮助表示赞赏。

这就是我所拥有的：

<table>
  <tr style="position: relative;">
    <td>
      <div class="picturebox">
        <img src="img/avatar/avatar1.jpg">    
      </div>
    </td>
    <td class="agentname">
      Peter Edwards    
    </td>
    <td>
      45
    </td>
    <td>
      7
    </td>
    <td>
      $2,900 USD
    </td>
    <td>
      $1,100 USD
    </td>
    <td>
      $4,000 USD
    </td>
    <div style="position: absolute; background: #eee; width:100%; top: 10px;">Test</div>
  </tr>
</table>

嗯......当我在这里尝试它时很奇怪它有效...必须有另一个元素，这个表正在弄乱我的定位......

Answer 1

你刚刚把它放在上面？

<table style="width:100%">
  <div>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
  </div>
</table>