表の行のグラデーションの背景がIEで機能しない

Question

行がライナーグラデーションの背景イメージで色付けされている表があります。これはFirefoxとChromeではうまくいきますが、IE/Edgeではうまくいきません。下のリンクされたJSFiddleで見ることができるように、グラデーションはIEの単純なdiv要素で機能しますが、表の行要素に適用されるときは機能しません。リニア背景の

例：

.gradient { 
background-image: linear-gradient(210deg, #FFF133 0%, #16D611 50%, #00A3EF 80%); 
} 

ここで私が達成しようとしているもののJSFiddleです： https://jsfiddle.net/q9jkoa52/

私はいくつかのプラットフォーム上で同様の質問が、すべての提案の修正に出くわしてきた私は、仕事を見たことがない、または自分で働くことができない。 IEで固定されたJSFiddlesを開いても、実際には固定されません。

これを機能させる方法はありますか？

Answer 1

多くのあいた後、私はこの結果に来て、（異なる勾配CSSルールを注意してください。あなたは、あなたの好みに応じた値で遊んする必要があります。また：IEのみでテスト）：それは役に立てば幸い

.gradient { 
 
background-image: linear-gradient(210deg, #FFF133 38%, #16D611 46%, #00A3EF 59%); 
 
    margin: 0; 
 
    background-repeat: no-repeat; 
 
    background-attachment: fixed; 
 
} 
 
.gradientRow { 
 
background-image: linear-gradient(210deg, #FFF133 51%, #16D611 61%, #00A3EF 67%); 
 
    margin: 0; 
 
    background-repeat: no-repeat; 
 
    background-attachment: fixed; 
 
} 
 
.solid { 
 
    background-color: aqua; 
 
} 
 
.box { 
 
    width:200px; 
 
height:200px; 
 
} 
 
table, tr, td, th { 
 
    border: 2px solid black 
 
}

<div class="gradient box"></div> 
 
<table> 
 
<thead> 
 
    <tr> 
 
    <th style="width:20%;">Column 1</th> 
 
    <th style="width:50%;">Column 2</th> 
 
    <th style="width:30%;">Column 3</th> 
 
    </tr> 
 
</thead> 
 
<tbody> 
 
    <tr class="solid"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr> 
 
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr> 
 
    <tr class="gradient"><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr> 
 
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr> 
 
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr> 
 
</tbody> 
 
</table>