Firefox 中难看的线性渐变
Bad looking linear-gradient in Firefox
我刚刚注意到 linear-gradient 在最新的 Firefox 中出现了一个奇怪的渲染问题：看起来它渲染的背景渐变带有纯色条，它们之间有直线边框（见下图）。在 Chrome 中，相同的渐变看起来很平滑。
知道吗？如何避免？
- 代码示例： https://codepen.io/pavsad/pen/YzXvwEp
- Firefox 版本：74.0（64 位）（也在 72.0 和 69.0 中测试过）
- 设备： iMac（视网膜 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));
我在 FF bugzilla 中创建了一个问题：https://bugzilla.mozilla.org/show_bug.cgi?id=1623337
从讨论来看，这个问题似乎与在 alpha 通道中使用具有 不同 值的两种渐变颜色有关。
在撰写本文时，没有关于修复该问题的消息。
我刚刚注意到 linear-gradient 在最新的 Firefox 中出现了一个奇怪的渲染问题：看起来它渲染的背景渐变带有纯色条，它们之间有直线边框（见下图）。在 Chrome 中，相同的渐变看起来很平滑。
知道吗？如何避免？
- 代码示例： https://codepen.io/pavsad/pen/YzXvwEp
- Firefox 版本：74.0（64 位）（也在 72.0 和 69.0 中测试过）
- 设备： iMac（视网膜 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));
我在 FF bugzilla 中创建了一个问题：https://bugzilla.mozilla.org/show_bug.cgi?id=1623337
从讨论来看，这个问题似乎与在 alpha 通道中使用具有 不同 值的两种渐变颜色有关。
在撰写本文时，没有关于修复该问题的消息。