Firefox中的线性渐变效果不佳

Question

我刚刚注意到最新的Firefox中的linear-gradient出现了一个奇怪的渲染问题：它看起来像用纯色的条形绘制背景渐变并在它们之间带有直线边框（请参见下图）。在Chrome中，相同的渐变看起来很平滑。

知道吗？如何避免？

• 代码示例： https://codepen.io/pavsad/pen/YzXvwEp
• Firefox版本：74.0（64位）（也在72.0和69.0中进行了测试）
• 设备：：iMac（Retina 5K，27英寸，2017年）（Radeon PRO 580）MacOS Mojave 10.14.6

代码示例：

background: linear-gradient(to left, rgba(255, 0, 0, 0.7), rgba(0, 0, 255, 1)); 

Answer 1

我在FF bugzilla中创建了一个问题：https://bugzilla.mozilla.org/show_bug.cgi?id=1623337

从讨论中看，该问题似乎与在 alpha 通道中使用两种具有不同值的渐变颜色有关。

在撰写本文时，没有关于修复该问题的消息。