如何将线性渐变背景应用于 IE9 中的表格行？

Question

我想将线性渐变背景应用于表格行。

这是.css：

<style type="text/css">
 .contentBody{
   background-image: -webkit-linear-gradient(left, #95b83d 0%, #abca5e 100%);
   background-image: -o-linear-gradient(left, #95b83d 0%, #abca5e 100%);
   background-image: linear-gradient(to right, #95b83d 0%, #abca5e 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#ff95b83d', endColorstr='#ffabca5e', GradientType=1);
  }
...
</style>

这是 .html：

<table>
  <tr class="contentBody"> Heading</tr>
    <td></td>
  </tr>
</table>

我在这里做错了什么？ 为什么不显示渐变？

Answer 1

好吧，“标题”文本必须像这样用td包裹：

<table>
  <tr class="contentBody"><td>Heading</td></tr>
    <td></td>
  </tr>
</table>