适用于Chrome的对角线CSS渐变

Question

我希望将对角线渐变作为表格行的背景。它在Firefox中运行良好，但在Chrome中，渐变应用于每个<td>。是否有办法或一些解决方法让它发挥作用？

Here's a Fiddle to demonstrate.

Here's an image of the difference.

Answer 1

前段时间我遇到了同样的问题......我找到的解决办法只是让tr成为display:block。它有效，但它可能会导致一些布局问题......

http://jsfiddle.net/p3s3zLja/4/

tr {
    color: white;
    background: linear-gradient(to bottom right, blue, red);
    position: relative;
    display: block;
}