Css 表格行上的渐变背景不'；我不在IE工作

我有一个表，它的行将有一个线性渐变背景图像的颜色，这在Firefox和Chrome中很好地工作，但在IE/Edge中不行。正如您在下面链接的JSFIDLE中所看到的，渐变在IE中的简单div元素中起作用，但在应用于表行元素时不起作用

线性背景的示例：

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

以下是我试图实现的一系列目标：

我在一些平台上遇到过类似的问题，但所有建议的修复方案我都没有看到效果，或者我自己也无法开始工作。甚至在IE中打开“固定”JSIDdles，实际上也不是固定的

---

有什么方法可以让它工作吗？

经过多次修改后，我得出了这个结果，希望它能有所帮助（注意不同的渐变CSS规则；您需要根据自己的喜好来处理这些值；另外：仅在IE中测试）：

.gradient{
背景图像：线性梯度（210度，#FFF133 38%，#16D611 46%，#00A3EF 59%）；
保证金：0；
背景重复：无重复；
背景附件：固定；
}
.gradientRow{
背景图像：线性梯度（210度，#FFF133 51%，#16D611 61%，#00A3EF 67%）；
保证金：0；
背景重复：无重复；
背景附件：固定；
}
.固体{
背景色：浅绿色；
}
.盒子{
宽度：200px；
高度：200px；
}
表，tr，td，th{
边框：2件纯黑
}

第1栏
第2栏
第3栏

经过多次修改后，我得出了这个结果，希望它能有所帮助（注意不同的渐变CSS规则；您需要根据自己的喜好来处理这些值；另外：仅在IE中测试）：

.gradient{
背景图像：线性梯度（210度，#FFF133 38%，#16D611 46%，#00A3EF 59%）；
保证金：0；
背景重复：无重复；
背景附件：固定；
}
.gradientRow{
背景图像：线性梯度（210度，#FFF133 51%，#16D611 61%，#00A3EF 67%）；
保证金：0；
背景重复：无重复；
背景附件：固定；
}
.固体{
背景色：浅绿色；
}
.盒子{
宽度：200px；
高度：200px；
}
表，tr，td，th{
边框：2件纯黑
}

第1栏
第2栏
第3栏

如果您只留下

背景附件：已修复工作正常

.gradient {
 background-image: linear-gradient(210deg, #FFF133 38%, #16D611 46%, #00A3EF 59%); 
    background-attachment: fixed;
}

如果只留下背景附件，则应设置表格宽度=100%

工作正常

.gradient {
 background-image: linear-gradient(210deg, #FFF133 38%, #16D611 46%, #00A3EF 59%); 
    background-attachment: fixed;
}

---

并且应该设置表格

宽度=100%

可能重复的@kevinb的可能重复@C旅行我应该扩展我的观点，我发现的所有其他答案/修复方法似乎都无法开始工作。我会更新原来的帖子。此外，提出的这些问题是关于让gradient在IE中工作的，它的工作原理与JSFIDLE中所演示的一样——只是在应用于表行元素时不起作用。那么呢？@kevinb。在JSFIDLE中尝试了建议的解决方案：但仍然不起作用。可能重复@kevinb的可能重复@C旅行我应该扩展我的观点，我发现的所有其他答案/修复方法似乎都无法开始工作。我会更新原来的帖子。此外，提出的这些问题是关于让gradient在IE中工作的，它的工作原理与JSFIDLE中所演示的一样——只是在应用于表行元素时不起作用。那么呢？@kevinb。在JSFIDLE中尝试了建议的解决方案：但仍然不起作用。谢谢，Kevin，我一直在摆弄我需要使用的渐变，现在一切都很好。一个重要的注意事项是，提供的百分比宽度不是行或表的宽度，而是页面的宽度？没问题，很高兴我能指导您找到一个有效的解决方案。然而，确切的解释是，我不能真正给你一个答案，因为我在这个话题上还没有足够的经验。搜索“线性渐变CSS”可能会提供更多的说明。谢谢，凯文，我在摆弄我需要使用的渐变，现在一切都很好。一个重要的注意事项是，提供的百分比宽度不是行或表的宽度，而是页面的宽度？没问题，很高兴我能指导您找到一个有效的解决方案。然而，确切的解释是，我不能真正给你一个答案，因为我在这个话题上还没有足够的经验。对“线性梯度CSS”的一些搜索可能会提供更多的澄清。