Chrome 中 <tr> 的对角 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;
}