Superposición en la parte superior del cuerpo

Estoy tratando de crear una superposición de carga encima decuerpo (y solo tbody). Mi solución actual es agregar tr como el último elemento decuerpo y configurarlo comoposición: absolutay configurando tbody comoposición: relativa.

table {
  width: 100%;
}

tbody {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(200, 200, 200, 0.7);
}

<table>
  <thead>
    <tr>Label</tr>
  </thead>
  <tbody>
    <tr><td>Data</td></tr>
    <tr><td>Data</td></tr>
    <tr class="overlay">
      <td>My overlay</td>
    </tr>
  </tbody>
</table>

El comportamiento esperado es que una superposición cubrecuerpo, pero nothead. También se supone que esta superposición contiene algo de contenido (por ejemplo, botón de actualización), por lo que cubre cadatd no es una opinión.

Mi solución funciona perfectamente en Firefox, pero no en webkit. Webkit de alguna manera ignoraposición: relativa encuerpo etiqueta y, por lo tanto, la superposición cubre todomesa y más.

RESUELTOHe logrado hacer que este enfoque funcione agregandopantalla: mesa encuerpo