在 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 通道具有 不同 值。

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