css - 如何将线性渐变背景应用于 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>