BODY背景图像重复或梯度为每个TR到WebKIT浏览器

Question

我的身体背景图像重复或梯度为每个TR到WebKIT浏览器。

有什么方法可以解决此问题吗？

我的代码：http://codepen.io/oskolsky/pen/ZYwzqE?editors=110

Сhromium问题：https://code.google.com/p/chromium/issues/detail?id=35697

哪些步骤会重现此问题？

1. 创建一个包含tbody部分的表
2. 使用css将背景图像或渐变添加到设置为repeat-x的表格中 （水平）
3. 向表体添加多行，足以扩展表 超出背景图像或渐变的高度。

预期结果是什么？

表格行应显示单个图像作为背景。

会发生什么？

对每个表格行重复背景图像。

table {
  width: 100%;
  border-collapse: collapse;
}

tbody.special {
  background: linear-gradient(rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
}

tr {

}

th, td {
  padding: 10px;
  border: 1px solid red;
}

<table>
  <thead>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
    </tr>
  </thead>
  <tbody class="special">
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
  </tbody>  
</table>